﻿img {
    vertical-align: top;
}

body {
    position: relative;
    background-color: #EEE;
    color: #333;
    min-width: 1150px;
    font-family: "Microsoft Yahei", Airal;
    font-size: 12px;
    *padding-bottom: 20px;
}

body {
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

.fixed .header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 20;
}

.fixed .wrapper {
    margin-top: 90px;
}

.cle {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.clefix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.clefix {
    *zoom: 1;
}

/* CSS3 */
.sidebar .menu li a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*top-header*/
.top-header {
    background: #F8F8F8;
    border-bottom: 1px solid #D8D8D8;
}

    .top-header .header-draw {
        margin: 0px auto;
        height: 78px;
        width: 1150px;
        position: relative;
    }

        .top-header .header-draw h2 {
            font-size: 26px;
            position: relative;
            top: 28px;
            left: 120px;
            display: inline;
            font-weight: normal;
        }

        .top-header .header-draw .send-class {
            height: 38px;
            display: inline-block;
            position: absolute;
            top: 15px;
            right: 10px;
        }

            .top-header .header-draw .send-class a {
                color: #666;
                width: 120px;
                height: 37px;
                display: inline-block;
                text-align: center;
                line-height: 37px;
                font-size: 14px;
                margin-right: 10px;
                background: url(img/send-class.png) no-repeat;
                _background: url(img/ie/send-class_8.png) no-repeat;
            }

            .top-header .header-draw .send-class .class-seled {
                color: #FFF;
                background: url(img/send-seled.png) no-repeat;
                _background: url(img/ie/send-seled_8.png) no-repeat;
            }

/* GLOBAL Background */
.primary .tabs-nav ul li a,
.primary .tabs-nav ul li a span,
.button,
.button span,
.tree-list .icon,
.tree-list .icon-order a,
.table-list .icon,
.fieldset-list .form-group .icon-color,
.button-submit,
.ui-dialog .ui-dialog-titlebar-close {
    background: url(img/main.png) no-repeat -9999px -9999px;
    _background: url(img/ie/main_8.png) no-repeat -9999px -9999px;
}

.fieldset-list .form-group .cols .text,
.fieldset-list .form-group .cols .inputText,
.fieldset-list .form-group .cols .textarea,
.fieldset-list .form-group .link-name .text {
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .fieldset-list .form-group .cols .text:focus,
    .fieldset-list .form-group .cols .inputText:focus,
    .fieldset-list .form-group .link-name .text:focus,
    .fieldset-list .form-group .cols .textarea:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

    .fieldset-list .form-group .cols .text.large, .fieldset-list .form-group .cols .textarea.large, .fieldset-list .form-group .cols .inputText.large {
        width: 94%;
    }

.fieldset-list .form-group .control-label {
    float: left;
    width: 85px;
    text-align: right;
    font-size: 12px;
}

.fieldset-list .form-group .cols {
    position: relative;
    float: none;
    margin-left: 86px;
    _float: left;
    _margin-left: 0px;
    _width: 660px;
}

    .fieldset-list .form-group .cols .text, .fieldset-list .form-group .cols .inputText, .fieldset-list .form-group .cols .textarea {
        font-family: "Microsoft Yahei", Airal;
        outline: none;
        padding: 6px 12px;
        color: #555;
        width: 90%;
        height: 20px;
        border: 1px solid #CCC;
        border-radius: 2px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    .fieldset-list .form-group .cols .textarea {
        height: 50px;
    }

/* .layout */
.wrapper {
    position: relative;
    width: 1150px;
    margin: 8px auto;
}

.header-ph {
    border: 1px solid #D9D9D9;
    width: 196px;
    padding: 1px;
}

    .header-ph img {
        max-width: 100%;
        width: 198px;
    }

/* .right */
.right-all {
    width: 200px;
    float: left;
}

    .right-all .right-ul {
        border: 0 none;
    }

        .right-all .right-ul ul {
            border: 1px solid #DDD;
        }

        .right-all .right-ul li {
            font-weight: bold;
            text-align: center;
            line-height: 46px;
            background: #009999 !important;
        }

        .right-all .right-ul .selected {
            background: #009999 !important;
        }

            .right-all .right-ul .selected a {
                color: #fff;
            }

        .right-all .right-ul li a {
            color: #FFF;
            font-size: 16px;
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-bottom: 1px solid #D8D8D8;
        }

        .right-all .right-ul li ul {
            display: none;
        }

        .right-all .right-ul ul li {
            font-weight: normal;
            margin-top: 0px;
            background: #FFF !important;
            _text-indent: 0;
            _text-align: center;
        }

            .right-all .right-ul ul li a {
                color: #333;
            }

.right-ul ul li a:hover {
    background: #F8F8F8;
}

.right-all .right-ul ul li.selected a {
    color: #009999;
    font-weight: bold;
    background: #F8F8F8;
}

.right-all .right-ul li ul.show {
    display: block;
}

.right-all .right-ul li ul.none {
    display: none;
}

/* .left */
.left-all {
    margin-left: 210px;
    border: 1px solid #D8D8D8;
    background: #FFF;
    min-height: 600px;
    _height: 600px;
}

.fieldset-list {
    margin: 0px;
}

/*Basic information */
.left-all .fieldset-list {
    padding: 20px;
}

    .left-all .fieldset-list .title-top {
        margin-bottom: 20px;
    }

        .left-all .fieldset-list .title-top h2 {
            font-size: 18px;
            border-bottom: 1px solid #E2E2E2;
            padding-bottom: 10px;
        }

    .left-all .fieldset-list .item {
        color: #999;
        font-size: 14px;
    }

.form_box .fieldset-list .form-group .control-label span {
    display: block;
    padding: 7px 7px 0px;
    font-size: 14px;
    color: #999;
}

.form_box .fieldset-list .form-group {
    margin: 20px 0px;
    overflow: hidden;
}

    .form_box .fieldset-list .form-group .cols .text span {
        display: inline-block;
        zoom: 1;
        padding: 2px 20px 2px 5px;
        margin: 0px 2px 5px;
        line-height: 22px;
        background: #E5E5E5;
        position: relative;
    }

        .form_box .fieldset-list .form-group .cols .text span a {
            background: url(img/x.png) center no-repeat;
            display: block;
            width: 9px;
            height: 9px;
            position: absolute;
            top: 8px;
            _top: 4px;
            right: 7px;
        }

    .form_box .fieldset-list .form-group .type-list {
        overflow: hidden;
    }

    .form_box .fieldset-list .form-group .cols .video-txt a {
        position: absolute;
        margin-right: 5px;
        bottom: 0px;
        color: #009999;
        text-decoration: underline;
    }

    .form_box .fieldset-list .form-group .ph-txt {
        border: 1px solid #E0E0E0;
        float: left;
        width: 148px;
        height: 192px;
        margin-bottom: 10px;
        overflow: hidden;
        display: inline;
        margin-right: 5px;
        position: relative;
    }

        .form_box .fieldset-list .form-group .ph-txt .delet {
            position: absolute;
            top: 1px;
            right: 1px;
            width: 39px;
            height: 39px;
            background: url(img/x.png) center no-repeat;
        }

        .form_box .fieldset-list .form-group .ph-txt img {
            padding: 1px;
        }

        .form_box .fieldset-list .form-group .ph-txt h2 {
            text-align: center;
            color: #333;
            padding: 2px 0px;
        }

        .form_box .fieldset-list .form-group .ph-txt h3 {
            text-align: center;
            color: #999;
            padding: 2px 0px;
        }

    .form_box .fieldset-list .form-group .name-list {
        margin-left: 165px;
    }

    .form_box .fieldset-list .form-group .cols .name-list .text {
        margin: 4px 0px;
        width: 50%;
    }

    .form_box .fieldset-list .form-group .addph-txt {
        display: block;
        position: relative;
        background: url(img/addph.jpg);
        width: 148px;
        height: 192px;
    }

        .form_box .fieldset-list .form-group .addph-txt:hover {
            background: url(img/addph-hover.jpg);
        }

    .form_box .fieldset-list .form-group .send-btn {
        background: url(img/btn.png) no-repeat;
        width: 80px;
        height: 32px;
        display: block;
        color: #FFF;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        margin-left: 85px;
    }

.fieldset-list .form_box .form-group {
    margin: 0;
}

    .fieldset-list .form_box .form-group label {
        vertical-align: middle;
    }

    .fieldset-list .form_box .form-group .hw-desc {
        position: relative;
        min-height: 80px;
        border: 1px solid #dedede;
        background: #f6f6f6;
    }

    .fieldset-list .form_box .form-group .hw-add-desc {
        background: url(./img/add_block.jpg) no-repeat;
        background: url(./img/add_block_ieold.jpg) no-repeat\9;
        background-size: 36px;
        background-position: left center;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 36px;
        line-height: 36px;
        margin-left: -100px;
        margin-top: -13px;
        width: 200px;
        text-align: center;
    }

    .fieldset-list .form_box .form-group .hw-i {
        box-sizing: border-box;
        width: 100%;
        *width: 695px;
        height: 31px;
        line-height: 31px\9;
        margin: 0;
        padding: 0.2em 1em;
        border-top: 2px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 2px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .fieldset-list .form_box .form-group .date-i, .e-dialog .fieldset-list .form-group .time-i, .e-dialog .fieldset-list .form-group .score-i {
        height: 30px;
        line-height: 30px\9;
        margin-left: 5px;
        border: 1px solid #ddd;
        text-align: center;
    }

    .fieldset-list .form_box .form-group .date-i {
        width: 14em;
    }

    .fieldset-list .form_box .form-group .time-i {
        width: 3.6em;
    }

    .fieldset-list .form_box .form-group .score-i {
        width: 6em;
    }

    .fieldset-list .form_box .form-group .start-date,
    .fieldset-list .form_box .form-group .end-date {
        float: left;
        margin-left: 11px;
        margin-bottom: 10px;
    }

    .fieldset-list .form_box .form-group .total-score {
        float: right;
    }

        .fieldset-list .form_box .form-group .total-score span {
            line-height: 34px;
            color: #d34b49;
        }

    .fieldset-list .form_box .form-group .ask-i {
        width: 15px;
        width: 16px\9;
        height: 15px;
        height: 16px\9;
        padding: 0;
        vertical-align: middle;
        border: 1px solid rgba(0,0,0,.25);
        border: 0\9;
        background-color: #fff;
        -webkit-appearance: none;
    }

        .fieldset-list .form_box .form-group .ask-i:checked:before {
            display: block;
            width: 100%;
            height: 100%;
            content: '';
            -webkit-user-select: none;
            background-image: url('');
            background-size: 100% 100%;
        }

    .fieldset-list .form_box .form-group .sort {
        display: inline-block;
        width: 12px;
        height: 1em;
        margin: 0 .5em;
        vertical-align: middle;
        border: 1px solid #fff;
        background: url(./img/forum_icon.png) no-repeat;
        background-position: 2px 0;
        *display: inline;
        *zoom: 1;
    }

        .fieldset-list .form_box .form-group .sort:hover {
            border: 1px solid #d5d5d5;
        }

    .fieldset-list .form_box .form-group .sort-up {
        background-position: -18px 0;
    }

    .fieldset-list .form_box .form-group .sort-down {
        background-position: -36px 0;
    }

    .fieldset-list .form_box .form-group .add-remove {
        float: right;
        margin-right: 2px;
    }

        .fieldset-list .form_box .form-group .add-remove .e-b {
            position: relative;
            font-size: 0;
            line-height: 0;
            display: inline-block;
            width: 64px;
            height: 32px;
            margin-top: 2px;
            margin-left: 10px;
            text-align: center;
            vertical-align: top;
            border: 1px solid rgba(217, 217, 217,0.6);
            ;
            background: url(./img/icon-ask.png) #fff no-repeat;
            border-radius: 2px;
            *display: inline;
            *zoom: 1;
        }

            .fieldset-list .form_box .form-group .add-remove .e-b:hover {
                background-color: #099;
            }

        .fieldset-list .form_box .form-group .add-remove .e-add {
            background-position: 4px -284px;
        }

            .fieldset-list .form_box .form-group .add-remove .e-add:hover {
                background-position: 4px -324px;
            }

        .fieldset-list .form_box .form-group .add-remove .e-remove {
            background-position: 4px -364px;
        }

            .fieldset-list .form_box .form-group .add-remove .e-remove:hover {
                background-position: 4px -403px;
            }

    .fieldset-list .form_box .form-group .e-submit {
        width: 141px;
        height: 41px;
        background: #099;
        border: 0;
        color: #fff;
        font-size: 14px;
    }

    .fieldset-list .form_box .form-group .ask-row-td {
        height: 35px;
        width: 280px;
        line-height: 35px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .fieldset-list .form_box .form-group .ask-i-td {
        width: 34px;
        padding: 1px 6px;
        text-align: center;
        margin: 0 12px;
    }

    .fieldset-list .form_box .form-group .ask-move {
        background: #fff url(./img/move.jpg) center center no-repeat;
        display: inline-block;
        height: 47px;
        width: 31px;
        vertical-align: bottom;
    }

    .fieldset-list .form_box .form-group .ask-remove {
        background: url(./img/icon-ask.png) no-repeat;
        background-position: -5px -356px;
        display: inline-block;
        width: 46px;
        height: 100%;
    }

        .fieldset-list .form_box .form-group .ask-remove:hover {
            background-color: #dbf2f2;
        }

    .fieldset-list .form_box .form-group .ask-eraser {
        background: url(./img/gb_icon.png) no-repeat;
        background-position: -27px -23px;
        display: inline-block;
        width: 36px;
        height: 100%;
    }

        .fieldset-list .form_box .form-group .ask-eraser:hover {
            background-position: 3px -23px;
        }

.form_box table {
    width: 100%;
    background: #f9f9f9;
    font-weight: bold;
    font-family: "宋体";
    font-size: 14px;
}

.form_box thead {
    font-size: 14px;
    font-weight: bold;
    background: #fff;
}

.form_box tr {
    line-height: 46px;
}

.form_box tbody tr:hover {
    background-color: #f0ffff;
}

    .form_box tbody tr:hover .col-prehis {
        background: #fff;
    }

.form_box tbody tr.current .col-first, .e-dialog tbody tr:hover .col-first {
    background-color: #099;
}

.form_box .col-prehis {
    width: 31px;
    background: #fff;
}

.form_box .col-first {
    width: 5px;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    text-align: left;
}

.form_box .col-center {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    text-align: center;
}

.form_box .col-left {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    text-align: left;
}

.form_box .col-right {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    text-align: right;
    height: 1%;
}

.form_box .col-last {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    text-align: left;
}

/*新的规则管理模块*/
.rangeslider-specific {
    background-color: #f7f7f7;
    margin: 0px;
    padding: 0px 20px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

    .rangeslider-specific .rangeslider {
        display: inline-block;
        vertical-align: middle;
    }

    .rangeslider-specific .rangeslider-inner {
        width: 846px;
    }

    .rangeslider-specific .rangeslider .slidertitle {
        font-size: 14px;
        float: left;
        margin-right: 15px;
    }
    /*覆盖滑块的样式*/
    .rangeslider-specific .ui-slider-horizontal .ui-slider-handle {
        top: -.1em;
    }

    .rangeslider-specific .ui-slider .ui-slider-range {
        background-color: #009999;
        background-image: none;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
/*下拉框样式*/

.exam-mold {
    margin-bottom: -17px;
    padding: 11px 20px;
}

.exam-mold-title {
    font-size: 14px;
    float: left;
    line-height: 24px;
    width: 101px;
}

.exam-mold .exam-mold-title {
    width: 97px;
}

.exam-mold-cont {
}

    .exam-mold-cont label {
        display: inline-block;
        margin-right: 10px;
    }

    .exam-mold-cont input {
        vertical-align: middle;
    }

.e-btn-rand {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background-color: #009999;
    color: #fff;
    vertical-align: middle;
}

.rule-label {
    font-size: 14px;
}

.fieldset-list .form-group .control-label span {
    display: block;
    padding: 7px 7px 0px;
    font-size: 14px;
    color: #999;
}

.fieldset-list .form-group {
    margin: 20px 0px;
}

    .fieldset-list .form-group .cols .text span {
        display: inline-block;
        zoom: 1;
        padding: 2px 20px 2px 5px;
        margin: 0px 2px 5px;
        line-height: 22px;
        background: #E5E5E5;
        position: relative;
    }

        .fieldset-list .form-group .cols .text span a {
            background: url(img/x.png) center no-repeat;
            display: block;
            width: 9px;
            height: 9px;
            position: absolute;
            top: 8px;
            _top: 4px;
            right: 7px;
        }

    .fieldset-list .form-group .type-list {
        overflow: hidden;
    }

    .fieldset-list .form-group .cols .video-txt a {
        position: absolute;
        margin-right: 5px;
        bottom: 0px;
        color: #009999;
        text-decoration: underline;
    }

    .fieldset-list .form-group .ph-txt {
        border: 1px solid #E0E0E0;
        float: left;
        width: 148px;
        height: 192px;
        margin-bottom: 10px;
        overflow: hidden;
        display: inline;
        margin-right: 5px;
        position: relative;
    }

        .fieldset-list .form-group .ph-txt .delet {
            position: absolute;
            top: 1px;
            right: 1px;
            width: 39px;
            height: 39px;
            background: url(img/x.png) center no-repeat;
        }

        .fieldset-list .form-group .ph-txt img {
            padding: 1px;
        }

        .fieldset-list .form-group .ph-txt h2 {
            text-align: center;
            color: #333;
            padding: 2px 0px;
        }

        .fieldset-list .form-group .ph-txt h3 {
            text-align: center;
            color: #999;
            padding: 2px 0px;
        }

    .fieldset-list .form-group .name-list {
        margin-left: 165px;
    }

    .fieldset-list .form-group .cols .name-list .text {
        margin: 4px 0px;
        width: 50%;
    }

    .fieldset-list .form-group .addph-txt {
        display: block;
        position: relative;
        background: url(img/addph.jpg);
        width: 148px;
        height: 192px;
    }

        .fieldset-list .form-group .addph-txt:hover {
            background: url(img/addph-hover.jpg);
        }

    .fieldset-list .form-group .send-btn {
        background: url(img/btn.png) no-repeat;
        width: 80px;
        height: 32px;
        display: block;
        color: #FFF;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        margin-left: 85px;
    }

.checkbox-title {
    padding: 10px 35px 0px;
}

.checkbox-list {
    padding: 0px 0px 20px 0px;
}

    .checkbox-list li {
        float: left;
        display: inline;
        width: 164px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 10px;
    }

        .checkbox-list li input {
            position: relative;
            top: 10px;
            vertical-align: top;
        }

        .checkbox-list li span {
            display: inline-block;
            zoom: 1;
            width: 100px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.information .form_box {
    padding: 30px 0px;
}

.information .control-w240 .form-group .cols {
    margin-left: 90px;
}

.information .control-w240 .form-group .control-label {
    width: 100px;
    text-align: left;
    position: relative;
}

.information .control-w240 .inline-list {
    padding: 10px 0px;
}

.information .form_box .pic_box img {
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.information .botton-submit-wrap {
    padding-top: 75px;
}

.information .form_box .prompt_info {
    padding-top: 10px;
    text-align: left;
}

.information .ui-button {
    background-image: none;
}

    .information .ui-button:hover,
    .ui-button.active {
        color: #fff;
        text-decoration: none;
        background-color: #009999;
        background-image: none;
        background-position: 0 -15px;
        text-shadow: none;
    }

/*Assessment program*/
.assessment-program {
    position: relative;
    _width: 700px;
    border: 1px solid #CCC;
    margin: 20px 0px;
    *padding-bottom: 20px;
    _padding-top: 20px;
}

    .assessment-program .delet {
        background: url(img/delet.png) top right no-repeat;
        _background: url(img/ie/delet_8.png) top right no-repeat;
        width: 39px;
        height: 39px;
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        display: none;
        z-index: 10;
    }

.fieldset-list .seled .delet {
    display: block;
}

.fieldset-list .assessment-program .form-group .cols .textarea {
    height: 250px;
}

.fieldset-list .assessment-program .form-group .control-label {
    width: 120px;
}

.fieldset-list .assessment-program .form-group .cols {
    margin-left: 125px;
    _float: left;
    _margin-left: 0px;
    _width: 580px;
}

.fieldset-list .form-group .plan_item {
    display: block;
    border: 1px solid #CCCCCC;
    height: 40px;
    line-height: 40px;
    color: #000;
    padding-left: 40px;
    position: relative;
}

    .fieldset-list .form-group .plan_item .time {
        position: absolute;
        top: 0px;
        height: 40px;
        line-height: 40px;
        right: 10px;
        cursor: pointer;
    }

.fieldset-list .form-group .plan_item {
    background: url(img/down.png) 12px 18px no-repeat;
    _background: url(img/ie/down_8.png) 12px 18px no-repeat;
}

    .fieldset-list .form-group .plan_item:hover {
        background: #EFEFEF url(img/down.png) 12px 18px no-repeat;
        _background: #EFEFEF url(img/ie/down_8.png) 12px 18px no-repeat;
    }

/*Course Catalog*/
.course-catalog {
    border: 1px solid #CDCDCD;
    *height: 1%;
}

    .course-catalog .class-catalog {
        position: relative;
        border-bottom: 1px solid #CDCDCD;
        background: #F9F9F9;
        padding: 5px;
        height: 30px;
        line-height: 30px;
        padding-left: 15px;
    }

    .course-catalog .catalog-name {
        padding-top: 2px;
        _padding-top: 5px;
        display: inline-block;
        zoom: 1;
        color: #009999;
        font-size: 14px;
        font-weight: bold;
    }

    .course-catalog input {
        position: relative;
        top: 2px;
    }

    .course-catalog .class-catalog h2 {
        margin: 0px 0px 0px 2px;
        display: inline-block;
        zoom: 1;
        float: left;
        padding-top: 2px;
        padding-right: 10px;
    }

    .course-catalog .class-catalog .description {
        position: absolute;
        right: 10px;
        top: 6px;
        color: #009999;
        font-style: normal;
        overflow: hidden;
    }

    .course-catalog ol .active,
    .course-catalog ol .current {
        background: #F8F8F8;
    }

        .course-catalog ol .active .setting {
            display: block;
        }

    .course-catalog ol li {
        line-height: 40px;
    }

        .course-catalog ol li li {
            border: 0;
        }

        .course-catalog ol li .span {
            color: #333333;
            margin-left: 15px;
            font-weight: bold;
            font-size: 14px;
            width: auto;
            display: inline-block;
        }

        .course-catalog ol li .point {
            float: right;
            _padding-top: 5px;
            padding-right: 10px;
        }

            .course-catalog ol li .point a {
                display: inline-block;
                zoom: 1;
                font-weight: normal;
                padding: 0px 5px;
                height: 22px;
                line-height: 22px;
                border: 1px solid #CDCDCD;
                border-radius: 2px;
                margin: 0px 5px;
            }

                .course-catalog ol li .point a:hover,
                .course-catalog ol li .point a.seled {
                    color: #FFF;
                    background: #009999;
                    border: 1px solid #009999;
                }

        .course-catalog ol li em {
            padding-right: 5px;
            font-style: normal;
        }

        .course-catalog ol li ol li a {
            font-weight: bold;
            padding: 0px;
        }

        .course-catalog ol li ol li ol {
            border: 0 none;
        }

    .course-catalog .add-catalog {
        border-bottom: 1px solid #CDCDCD;
        padding: 8px 30px 8px 30px;
    }

        .course-catalog .add-catalog a {
            display: inline-block;
            zoom: 1;
            border: 0 none;
            padding: 6px 15px;
            border: 1px solid #DDD;
            background: #FFF;
            color: #666;
            border-radius: 2px;
        }

            .course-catalog .add-catalog a:hover {
                background: #009999;
                color: #FFF;
                border-color: #009999;
            }

    .course-catalog ol li .catalog-left {
        float: left;
        max-width: 60%;
        height: 30px;
        line-height: 30px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-right: 0;
    }

    .course-catalog ol li .catalog-right {
        float: right;
        padding-right: 10px;
        padding-top: 3px;
    }

    .course-catalog ol li .catalog-row .catalog-name {
        padding-top: 0px;
        float: left;
        padding-right: 10px;
        text-indent: 1em;
    }

    .course-catalog .setting {
        float: left;
        padding-top: 3px;
        position: absolute;
        right: 0px;
    }

    .course-catalog ol li .catalog-row {
        padding: 8px 0px 8px 0px;
        line-height: 30px;
    }

    .course-catalog ol ol {
        margin-left: 50px;
    }

    .course-catalog ol li .catalog-right a,
    .course-catalog .setting a {
        float: left;
        background: url(img/icon.png) no-repeat;
        _background: url(img/ie/icon-8.png) no-repeat;
        display: inline;
        width: 24px;
        height: 24px;
        margin: 0px 4px;
    }

        .course-catalog .setting a.add-node {
            background-position: 0px -269px;
        }

        .course-catalog .setting a.del {
            background-position: 0px -217px;
        }

        .course-catalog .setting a.modify {
            background-position: 0px -180px;
        }

    /*
.course-catalog .catalog-right a.video { background-position: 0px -144px; }
.course-catalog .catalog-right a.question { background-position: 0px -14px; }
.course-catalog .catalog-right a.discuss { background-position: 0px -48px; }
.course-catalog .catalog-right a.richtext { background-position: 0px -79px; }
.course-catalog .catalog-right a.adjunct { background-position: 0px -110px; }
.course-catalog ol li a.selected { color: #009999; }
.course-catalog .catalog-right a.selected.video { background-position: -1px -538px; }
.course-catalog .catalog-right a.selected.question { background-position: -1px -408px; }
.course-catalog .catalog-right a.selected.discuss { background-position: -1px -442px; }
.course-catalog .catalog-right a.selected.richtext { background-position: -1px -473px; }
.course-catalog .catalog-right a.selected.adjunct { background-position: -1px -504px; }*/

    /*资源图标*/
    .course-catalog ol li .catalog-right .play-icon {
        font-size: 0;
        background-image: url('/study/css/img/icon-editor.png');
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: top;
        width: 24px;
        height: 24px;
        *display: inline;
        *zoom: 1;
    }

    .course-catalog .catalog-right .other {
        background-position: 0 0;
    }

    .course-catalog .catalog-right .video {
        background-position: -256px 0;
    }

    .course-catalog .catalog-right .text {
        background-position: -32px 0;
    }

    .course-catalog .catalog-right .simulation {
        background-position: -64px 0;
    }

    .course-catalog .catalog-right .scorm {
        background-position: -96px 0;
    }

    .course-catalog .catalog-right .richtext {
        background-position: -128px 0;
    }

    .course-catalog .catalog-right .rar {
        background-position: -160px 0;
    }

    .course-catalog .catalog-right .question {
        background-position: -192px 0;
    }

    .course-catalog .catalog-right .ppt {
        background-position: -224px 0;
    }

    .course-catalog .catalog-right .image {
        background-position: -288px 0;
    }

    .course-catalog .catalog-right .flash {
        background-position: -320px 0;
    }

    .course-catalog .catalog-right .discuss {
        background-position: -352px 0;
    }

    .course-catalog .catalog-right .courseware {
        background-position: -384px 0;
    }

    .course-catalog .catalog-right .audio {
        background-position: -416px 0;
    }

    /*addnal-function*/
    .course-catalog ol li ul .setting {
        padding-top: 0px;
    }

.addnal-function {
    display: none;
    z-index: 999;
    border: 1px solid #CCC;
    width: 80px;
    color: #666;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #FFF;
    box-shadow: 1px 2px 5px rgba( 0, 0, 0, 0.2 );
}

    .addnal-function ul li {
        border-bottom: 1px solid #E0E0E0;
        *line-height: 1;
    }

        .addnal-function ul li a {
            text-indent: 10px;
            display: block;
            border: 0 none;
            width: 100%;
            padding: 0px !important;
            height: 25px;
            line-height: 25px;
            font-weight: normal;
        }

            .addnal-function ul li a:hover {
                background-color: #DDFFFF;
            }

.add-moudle {
    margin-top: 20px;
}

    .add-moudle a {
        border-radius: 3px;
        display: inline-block;
        zoom: 1;
        font-size: 14px;
        padding: 0px 20px;
        height: 35px;
        line-height: 35px;
        border: 1px dashed #CCC;
        box-shadow: 1px 2px 5px rgba( 0, 0, 0, 0.2 );
    }

        .add-moudle a:hover {
            background-color: #009999;
            color: #FFF;
            border-color: #009999;
        }

/*class-zy*/
.orange {
    color: #ff5500;
}

.add_box a i,
.add_ckicon,
.teaching_tbtn .tbtn_add,
.kh_hj,
.write_icon,
.stop_icon,
.recover_icon,
.del_icon,
.see_icon,
.review_icon,
.scores_foot i,
.icon_check,
.prev_right,
.back_design .selectbox-icon,
.add_Resource .magnify-icon {
    background: url(img/teacher-icon.png) no-repeat left top;
    _background: url(img/ie/teacher-icon_8.png) no-repeat left top;
    width: 25px;
    height: 25px;
    display: inline-block;
    zoom: 1;
}

.fieldset-list .add_check {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-top: 20px;
}

.fieldset-list .add_ckicon {
    background-position: 0 -650px;
    float: left;
}

    .fieldset-list .add_ckicon:hover, .select .add_ckicon {
        background-position: 0 -625px;
    }

.fieldset-list .add_check span {
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;
    color: #dadada;
}

    .fieldset-list .add_check span b {
        font-weight: normal;
    }

    .fieldset-list .add_check span a {
        margin: 0 0px;
    }

        .fieldset-list .add_check span a.select {
            color: #df6e14;
        }

        .fieldset-list .add_check span a:hover {
            text-decoration: none;
            color: #df6e14;
        }

.res_set {
    z-index: 99;
    display: block;
    position: absolute;
    right: 220px;
    top: 20px;
    *top: 10px;
    font-size: 12px;
}

    .res_set .pxfs {
        background: url(img/v_list.gif) no-repeat left top;
        width: 21px;
        height: 13px;
        display: inline-block;
        position: relative;
        top: 2px;
        top: 0px\9;
    }

    .res_set a:hover .pxfs {
        background: url(img/v_list.gif) no-repeat -21px 0;
        width: 21px;
        height: 13px;
        display: inline-block;
        position: relative;
        top: 2px;
        top: 0px\9;
    }

    .res_set a:hover {
        color: #000;
    }

    .res_set .setTitle {
        color: #aaa;
    }

    .res_set #user-select {
        position: absolute;
        right: -10px;
        width: 70px;
        z-index: 999;
        top: 30px;
        -webkit-box-shadow: 0 2px 4px #D6D6D6;
        background: white;
        border: 1px solid #D6D6D6;
        box-shadow: 0 2px 4px #D6D6D6;
    }

        .res_set #user-select a {
            display: block;
            height: 25px;
            line-height: 25px;
            width: 70px;
            background: none;
            border: none;
            padding: 0;
        }

            .res_set #user-select a span {
                background: url(img/v_list.gif) no-repeat;
                width: 18px;
                height: 25px;
                display: block;
                float: left;
                margin-right: 5px;
                margin-left: 5px;
            }

        .res_set #user-select .sort_1 .sort {
            background-position: -11185px 116px;
        }

        .res_set #user-select .sort_1 .selected {
            background-position: -85px 6px;
        }

        .res_set #user-select a:hover {
            background: rgb(227, 226, 226);
        }

        .res_set #user-select p {
            font-size: 14px;
            padding: 5px 0 0px 10px;
            width: 90px;
            margin: 5px 0;
        }

        .res_set #user-select .sort_3 .sort {
            background-position: 2px 7px;
        }

        .res_set #user-select .sort_4 .sort {
            background-position: -38px 7px;
        }

        .res_set #user-select .sort_3 .selected {
            background-position: -20px 7px;
        }

        .res_set #user-select .sort_4 .selected {
            background-position: -58px 7px;
        }

.add_box {
    margin: 0px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    height: 90px;
}

    .add_box a {
        float: left;
        display: block;
        width: 50%;
        _width: 49.9%;
        margin-left: -1px;
        border-right: 1px solid #e1e1e1;
        height: 90px;
        line-height: 90px;
        color: #4079bb;
        font-size: 14px;
        font-weight: bold;
    }

        .add_box a i {
            font-style: normal;
            background-position: 0 -540px;
            width: 30px;
            height: 60px;
            color: #4079bb;
            padding: 0px 0 0 10px;
            margin: 20px 0 0 156px;
            float: left;
            font-weight: normal;
            line-height: 52px;
            font-size: 12px;
        }

        .add_box a:hover {
            background: #f1f1f1;
        }

        .add_box a.border_none, .teaching_kh .kh_box li.border_none {
            border: none;
        }

.searchT {
    position: absolute;
    top: 0;
    right: 0;
}

    .searchT .gform .gformbox {
        float: left;
        padding-top: 0;
        margin-right: 5px;
        width: 178px;
    }

    .searchT .gformbox .txt {
        border: 1px solid #D9D9D9;
        padding: 0 5px;
        width: 140px;
        height: 27px;
        *line-height: 28px;
        vertical-align: middle;
        outline: none;
        border-color: #C0C0C0 #D9D9D9 #D9D9D9;
        color: #333;
        margin-top: 3px;
        *top: -22px;
        position: relative;
    }

    .searchT .ton {
        padding: 3px 8px;
        margin: 3px 0 0 0;
    }

.resource_cktb .gform a.seled {
    border: 1px solid #CDCDCD;
    padding: 2px 5px;
    border-radius: 2px;
    height: 20px;
    width: 40px;
    display: block;
    text-align: center;
    float: right;
    line-height: 20px;
}

    .resource_cktb .gform a.seled:hover {
        color: #FFF;
        background: #009999;
        border: 1px solid #009999;
    }
/*资源管理-内容*/
.resource_cktb {
    border-top: 1px dashed #c2c2c2;
    margin-top: 30px;
    position: relative;
    *padding-top: 10px;
}

.resource_main {
    margin-top: 10px;
    *height: 1%;
    _padding-top: 30px;
}

    .resource_main .lp img {
        height: 126px;
        width: 158px;
        margin: 0 auto;
    }

    .resource_main .lp {
        width: 160px;
        height: 126px;
        padding: 3px;
    }

    .resource_main .lpp {
        border: 1px solid #FFF;
        height: 1%;
        width: 165px;
        height: 132px;
        position: relative;
    }

    .resource_main dd {
        line-height: 21px;
        height: 27px;
        overflow: hidden;
        width: 167px;
    }

    .resource_main .lpp:hover {
        background: #f7fcff;
        border: 1px solid #9acced;
        border-radius: 0px;
        margin: 0;
    }

    .resource_main dd a {
        width: 135px;
        padding: 1px 15px;
        border: 1px solid #FFF;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

        .resource_main dd a:hover {
            border: 1px solid #f5b93c;
            background: #fff;
        }

.searchT .gform input {
    border: 1px solid #CDCDCD;
    height: 16px;
    display: block;
    font-size: 12px;
    padding: 4px 3px 4px 5px;
    margin: 0px 4px 0px 0px;
    width: 124px;
    *width: 115px;
    _width: 102px;
}

.searchT .gform {
    position: relative;
    top: 5px;
    right: 0px;
}

.resource_main .resource-list .lpp .tooltips {
    position: absolute;
    text-align: center;
    background: #41443F;
    width: 165px;
    right: 0px;
    height: 22px;
    color: #FFF;
    line-height: 22px;
    bottom: 0px;
}

    .resource_main .resource-list .lpp .tooltips a {
        color: #FFF;
    }

        .resource_main .resource-list .lpp .tooltips a i {
            background: url(img/tooltipsIcon.gif) no-repeat -95px -3px;
            display: block;
            width: 22px;
            height: 24px;
            overflow: hidden;
            float: left;
            opacity: 0.5;
            overflow: hidden;
        }

    .resource_main .resource-list .lpp .tooltips .mov-resource .tmore {
        background-position: -75px -3px;
    }

    .resource_main .resource-list .lpp .tooltips .blu-blod-title .tmore {
        background-position: -75px -3px;
    }

.tooltips span {
    *padding-right: 10px;
    float: left;
    padding: 0px 4px;
    _padding: 0px 2px;
}

.resource_main .resource-list {
    overflow: hidden;
    width: 168px;
    height: 160px;
    text-align: center;
    float: left;
    display: inline;
    margin: 8px 5px;
    cursor: pointer;
    position: relative;
}

.resource-html .add_check .searchT {
    position: absolute;
    *top: 10px !important;
    right: 12px;
    width: 203px;
}

.searchT .gform .label {
    width: 203px;
}

/*-------- Wang -----------*/
.students {
    background: #FFF;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}

.students {
    border: 1px solid #D8D8D8;
}

    .students .right-ul {
        border: 0 none;
        width: 100%;
    }

    .students .header-ph {
        border: 0 none;
        width: 100%;
        overflow: hidden;
    }

    .students .right-ul li {
        background: #FFF !important;
        text-align: left;
        text-indent: 30px;
    }

        .students .right-ul li a {
            color: #333;
        }

            .students .right-ul li a:hover,
            .students .right-ul li.seled a {
                background: #009999 !important;
                color: #FFF !important;
            }

.top-header .header-draw h2 span {
    font-size: 12px;
    margin-left: 10px;
}

.w_class-info {
    height: 38px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.w_left-all {
    width: 722px;
    position: absolute;
    left: 248px;
    top: 0px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    padding: 15px;
}

.header-draw .w_uploader {
    position: absolute;
    top: 20px;
    left: 160px;
}

.w_title {
    overflow: hidden;
}

.w_left-title {
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 15px;
    background-color: #FFF;
}

    .w_left-title h3 {
        font-size: 16px;
    }

.w_left_sub {
    border-bottom: 1px solid #D8D8D8;
    padding: 15px 0px;
}

.w_left_subtitle {
    text-indent: 25px;
    background: url(img/down.png) no-repeat 9px 14px;
    font-size: 14px;
    float: left;
    width: 80%;
    padding: 5px 0px;
    font-weight: bold;
}

.w_left_subtime {
    width: 20%;
    float: right;
    text-align: right;
    color: #999;
}

.w_left_subtext {
    line-height: 200%;
    padding: 15px 0px;
}

.w_left_primary {
    margin-right: 280px;
    margin-left: 15px;
    padding: 15px 0px;
}

.w_study-wrap {
    background: url(img/bg_y_line.jpg) repeat-y right;
    min-height: 600px;
    _height: 600px;
}

.w_left-speaker {
    width: 250px;
    float: right;
    padding: 0px 10px;
    border-left: 1px solid #e2e2e2;
}

    .w_left-speaker .w_left-speaker-info {
        padding: 10px 0px;
    }

    .w_left-speaker .w_left-speaker-pic {
        float: left;
    }

    .w_left-speaker .w_left-speaker-name {
        float: left;
        height: 75px;
        text-align: left;
        padding-top: 15px;
        margin-left: 10px;
        width: 50%;
    }

        .w_left-speaker .w_left-speaker-name span {
            color: #999;
        }

    .w_left-speaker .w_left-speaker-team {
        font-size: 16px;
        padding-top: 10px;
    }

    .w_left-speaker .w_left-speaker-list {
        margin-top: 10px;
    }

        .w_left-speaker .w_left-speaker-list li {
            width: 75px;
            padding: 10px 0px 10px 0px;
            margin-left: 8px;
            float: left;
            text-align: center;
            display: inline;
        }

        .w_left-speaker .w_left-speaker-list h1 {
            line-height: 22px;
            text-align: center;
            margin-top: 5px;
            font-weight: normal;
        }

        .w_left-speaker .w_left-speaker-list .speaker,
        .w_left-speaker .w_left-speaker-pic {
            position: relative;
            _position: static;
            width: 75px;
            height: 75px;
        }

            .w_left-speaker .w_left-speaker-list .speaker .speaker-radius,
            .w_left-speaker .w_left-speaker-pic-radius {
                _display: none;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 75px;
                height: 75px;
                z-index: 10;
                background: url(img/blank_pic.png);
            }

            .w_left-speaker .w_left-speaker-list .speaker img,
            .w_left-speaker .w_left-speaker-pic img {
                width: 75px;
                height: 75px;
            }

            .w_left-speaker .w_left-speaker-list .speaker a,
            .w_left-speaker .w_left-speaker-pic a {
                display: block;
                width: 100%;
                height: 100%;
            }

/*my study*/
.w_my-right-all {
    width: 200px;
    float: left;
}

    .w_my-right-all .user-info {
        width: 198px;
        height: 164px;
        padding: 23px 0px;
        background-color: #FFF;
        border: 1px solid #D8D8D8;
    }

        .w_my-right-all .user-info .avatar-thumb {
            text-align: center;
            padding-bottom: 3px;
        }

        .w_my-right-all .user-info .user-name,
        .w_my-right-all .user-info .user-desc {
            height: 22px;
            line-height: 22px;
            text-align: center;
        }

        .w_my-right-all .user-info .user-name {
            font-size: 14px;
        }

        .w_my-right-all .user-info .user-desc {
            color: #999;
        }

    .w_my-right-all .w_my-right-ul {
        width: 198px;
        border: 1px solid #D8D8D8;
        border-top: none;
        text-align: center;
    }

        .w_my-right-all .w_my-right-ul li {
            background: #fff;
            border-bottom: 1px solid #D8D8D8;
            height: 50px;
            line-height: 50px;
        }

            .w_my-right-all .w_my-right-ul li a {
                color: #333;
                font-size: 16px;
                display: block;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

            .w_my-right-all .w_my-right-ul li.seled a, .w_my-right-ul li a:hover {
                background: #009999;
                color: #FFF;
            }

.w_my-left-all {
    margin-left: 210px;
    min-height: 600px;
    _height: 600px;
}

    .w_my-left-all .w_l-all-tabs-nav {
        height: 47px;
        line-height: 47px;
        overflow: hidden;
        background: url(img/tabs_navbg.png) repeat-x;
        _background: url(img/ie/tabs_navbg_8.png) repeat-x;
    }

        .w_my-left-all .w_l-all-tabs-nav ul {
            height: 47px;
        }

            .w_my-left-all .w_l-all-tabs-nav ul li {
                float: left;
                display: inline;
                margin: 0px 20px;
                padding-top: 4px;
                height: 43px;
            }

                .w_my-left-all .w_l-all-tabs-nav ul li a {
                    font-size: 14px;
                    display: inline-block;
                    padding: 0px 15px;
                    height: 38px;
                    _height: 41px;
                    line-height: 39px;
                    _line-height: 41px;
                }

                    .w_my-left-all .w_l-all-tabs-nav ul li a span {
                        display: block;
                        padding-right: 15px;
                    }

                    .w_my-left-all .w_l-all-tabs-nav ul li a:hover,
                    .w_my-left-all .w_l-all-tabs-nav ul li.current a {
                        border-bottom: 2px solid #009999;
                    }

                .w_my-left-all .w_l-all-tabs-nav ul li.current a {
                    border-bottom: 2px solid #009999;
                    font-weight: bold;
                }

                    .w_my-left-all .w_l-all-tabs-nav ul li.current a span {
                        border-bottom: 2px solid #009999;
                    }

/*右侧课程*/
.w_my-l-listbox {
    position: relative;
    float: left;
    display: inline;
    width: 200px;
    height: 202px;
    border: 1px solid #d8d8d8;
    background-color: #FFF;
    padding: 1px;
    margin: 15px 11px;
}

    .w_my-l-listbox .add-project {
        display: block;
        width: 100%;
        height: 100%;
        background: url(img/add_project.png) no-repeat;
    }

    .w_my-l-listbox .del-project {
        position: absolute;
        z-index: 99;
        top: 1px;
        right: 1px;
        display: block;
        width: 39px;
        height: 39px;
        background: url(img/delet.png) no-repeat;
        _background: url(img/ie/delet_8.png) no-repeat;
    }

    .w_my-l-listbox:hover {
        box-shadow: 3px 3px 3px #ccc;
    }

    .w_my-l-listbox .img {
        padding: 1px 1px 0;
        height: 111px;
        width: 198px;
    }

        .w_my-l-listbox .img .pic {
            overflow: hidden;
            text-align: center;
            height: 111px;
            width: 100%;
        }

            .w_my-l-listbox .img .pic .j-imgArea {
                width: 198px;
                height: 111px;
                transition: all 1s ease 0s;
                -moz-transition: all 1s ease 0s;
                -webkit-transition: all 1s ease 0s;
                -o-transition: all 1s ease 0s;
            }

            .w_my-l-listbox .img .pic:hover .j-imgArea {
                opacity: 0.8;
            }

.planflag {
    margin: 0px;
    padding: 0px;
}

.w_my-l-listbox .tit {
    color: #333;
    padding: 5px;
    margin-top: 5px;
    height: 22px;
    line-height: 22px;
}

    .w_my-l-listbox .tit h3 {
        line-height: 1.4;
        font-size: 14px;
    }

.f-thide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f-ib {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.w_my-l-listbox .progress, .progress-bar {
    width: 200px;
    background-color: #ccc;
    height: 4px;
    overflow: hidden;
}

    .w_my-l-listbox .progress div {
        background: #10ae58;
        color: #333333;
        height: 4px;
        overflow: hidden;
    }

.w_my-l-listbox .progress-bar div {
    background: #10ae58;
}

.w_my-l-listbox .goonArea {
    padding-top: 10px;
    text-align: center;
    width: 90%;
    background: url(img/go-icon.png) no-repeat 122px 12px;
    _background: url(img/ie/go-icon_8.png) no-repeat 122px 12px;
}

.w_my-l-listbox .goonArea-info {
    padding-top: 10px;
    text-align: center;
    width: 90%;
}

.w_my-l-listbox .goonArea:hover {
    text-align: center;
    width: 90%;
    background: url(img/go.png) no-repeat 122px 12px;
    _background: url(img/go_8.png) no-repeat 122px 12px;
}

    .w_my-l-listbox .goonArea:hover a {
        color: #10ae58;
    }

.w_my-l-listbox .gotxt {
    display: inline;
    font-size: 14px;
}

    .w_my-l-listbox .gotxt:hover {
        color: #10ae58;
    }

.w_my-left-all .w_my-l-listbox .student {
    width: 48%;
    height: 22px;
    float: left;
    background: url(img/student.png) no-repeat 8px 2px;
    _background: url(img/ie/student_8.png) no-repeat 8px 2px;
}

.w_my-left-all .w_my-l-listbox .assess {
    width: 48%;
    height: 22px;
    float: left;
    background: url(img/assess.png) no-repeat 8px 4px;
    _background: url(img/ie/assess_8.png) no-repeat 8px 4px;
}

    .w_my-left-all .w_my-l-listbox .student span,
    .w_my-left-all .w_my-l-listbox .assess span {
        text-align: left;
        color: #999;
    }

.cb {
    clear: both;
}

.ofh {
    overflow: hidden;
}

/* Update Qin 2014-08-27 */

/*Course Creation*/
.course_course .header-top {
    width: 100%;
    background: #009999;
}

    .course_course .header-top .course_header {
        width: 1000px;
        height: 75px;
        margin: 0 auto;
        color: #FFF;
        position: relative;
    }

        .course_course .header-top .course_header a {
            color: #FFF;
        }

            .course_course .header-top .course_header a:hover {
                color: #F90;
            }

    .course_course .header-top .course_logo {
        width: 260px;
        height: 37px;
        background: url(img/course_logo.png) no-repeat;
        _background: url(img/ie/course_logo_8.png) no-repeat;
        display: inline-block;
        position: relative;
        top: 20px;
    }

    .course_course .header-top .course_login {
        font-size: 14px;
        position: absolute;
        right: 5px;
        top: 20px;
        line-height: 35px;
    }

.course_course .wrapper {
    width: 1000px;
    margin: 0 auto;
    margin-top: 40px;
}

    .course_course .wrapper .creating {
        width: 480px;
        height: 460px;
        background: #FFF;
        border: 1px solid #CBCBCB;
        float: left;
        border-top: none;
        border-left: none;
        box-shadow: 0px 0px 8px rgba(0,0,0,.15);
    }

        .course_course .wrapper .creating .process {
            text-align: center;
            width: 350px;
            margin: 0 auto;
        }

            .course_course .wrapper .creating .process h2 {
                font-size: 25px;
                color: #009999;
                text-align: left;
                font-family: "微软雅黑";
            }

            .course_course .wrapper .creating .process p {
                text-align: left;
                font-size: 14px;
                line-height: 25px;
                padding-top: 10px;
                height: 120px;
            }

            .course_course .wrapper .creating .process .title_minclass {
                width: 350px;
                margin-top: 10px;
            }

                .course_course .wrapper .creating .process .title_minclass a {
                    margin: 0 auto;
                    height: 47px;
                    background: #099;
                    color: #FFF;
                    font-size: 20px;
                    font-weight: bold;
                    border-radius: 2px;
                    display: block;
                    width: 200px;
                    line-height: 47px;
                }

                    .course_course .wrapper .creating .process .title_minclass a:hover {
                        background: #008383;
                    }

    .course_course .wrapper .creat {
        margin-left: 35px;
    }

.course_course .course_bottom {
    background: url(img/course_bottom.png) no-repeat center bottom;
    height: 180px;
    margin: 20px 0px;
}

.Qin_course_title {
    width: 1000px;
    margin: 0 auto;
    color: #333;
    position: relative;
    margin-top: 20px;
}

    .Qin_course_title .course_title_h2 {
        font-size: 20px;
        font-family: "微软雅黑";
        color: #333;
        padding-bottom: 10px;
    }

    .Qin_course_title .Qin_title_ul ul li {
        float: left;
        padding: 6px 35px;
        color: #666;
    }

    .Qin_course_title .setup-1 ul li.seled, .Qin_course_title .setup-2 ul li.seled, .Qin_course_title .setup-3 ul li.seled, .Qin_course_title .setup-4 ul li.seled {
        color: #FFF;
    }

    .Qin_course_title .setup-1 {
        height: 30px;
        background: url(img/course_seted_1.png) no-repeat;
        _background: url(img/ie/course_seted_1.gif) no-repeat;
        margin-bottom: 20px;
    }

    .Qin_course_title .setup-2 {
        height: 30px;
        background: url(img/course_seted_2.png) no-repeat;
        _background: url(img/ie/course_seted_2.gif) no-repeat;
        margin-bottom: 20px;
    }

    .Qin_course_title .setup-3 {
        height: 30px;
        background: url(img/course_seted_3.png) no-repeat;
        _background: url(img/ie/course_seted_3.gif) no-repeat;
        margin-bottom: 20px;
    }

    .Qin_course_title .setup-4 {
        height: 30px;
        background: url(img/course_seted_4.png) no-repeat;
        _background: url(img/ie/course_seted_4.gif) no-repeat;
        margin-bottom: 20px;
    }

/*total*/
.Qin_course_center {
    background: #FFF;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
    margin-bottom: 30px;
    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0,0,0,0.15);
}

    .Qin_course_center .Qin_course_h2 h2 {
        color: #F60;
        padding: 20px;
        padding-bottom: 0px;
        font-size: 14px;
    }

    .Qin_course_center .Qin_course_h2 .explanation {
        border: 1px dotted #ECCF93;
        margin: 20px;
        margin-top: 10px;
        background: #FCF8E3;
        line-height: 23px;
        padding: 10px;
    }

        .Qin_course_center .Qin_course_h2 .explanation em.ipont {
            position: relative;
            top: -2px;
            display: inline-block;
            background: #666;
            width: 3px;
            height: 3px;
            overflow: hidden;
            margin-right: 7px;
        }

        .Qin_course_center .Qin_course_h2 .explanation p span {
            color: #666;
        }

    .Qin_course_center .Qin_course-catalog {
        margin: 20px;
    }

    .Qin_course_center .Qin_course-catalog {
        color: #333;
        font-size: 14px;
        font-family: "Microsoft YaHei";
    }

        .Qin_course_center .Qin_course-catalog h2 {
            margin-bottom: 10px;
        }

        .Qin_course_center .Qin_course-catalog .input_weights {
            border: 1px dashed #C4C4C4;
            width: 83px;
            height: 80px;
            color: #F90;
            padding: 5px;
            float: left;
            margin: 0px 4px;
        }

            .Qin_course_center .Qin_course-catalog .input_weights:hover, .Qin_course_center .Qin_course-catalog .input_weights.hover {
                background: #FCF8E3;
                border: 1px dashed #FEC160;
            }

            .Qin_course_center .Qin_course-catalog .input_weights .forms_box {
                position: relative;
                top: 0px;
                left: 4px;
                _left: 10px;
                *left: 15px;
            }

            .Qin_course_center .Qin_course-catalog .input_weights input {
                font-size: 20px;
                width: 40px;
                height: 30px;
                text-align: center;
                color: #F90;
                border-radius: 2px;
                border: 1px solid #E0E0E0;
                margin-left: 10px;
                *margin: 0px;
                *padding: 0px;
                float: left;
                line-height: 30px;
                font-family: "Microsoft YaHei";
            }

            .Qin_course_center .Qin_course-catalog .input_weights h3 {
                text-align: center;
                padding: 5px 0px;
                color: #333;
            }

            .Qin_course_center .Qin_course-catalog .input_weights span {
                font-size: 14px;
                color: #333;
                line-height: 30px;
                padding-left: 4px;
                float: left;
            }

        .Qin_course_center .Qin_course-catalog .input_weights_add {
            width: 30px;
            height: 80px;
            color: #F90;
            padding: 5px;
            float: left;
            text-align: center;
            line-height: 80px;
            font-size: 30px;
        }

        .Qin_course_center .Qin_course-catalog .input_weights_sum {
            width: 30px;
            height: 80px;
            color: #333;
            padding: 5px;
            float: left;
            text-align: center;
            line-height: 80px;
            font-size: 30px;
        }

        .Qin_course_center .Qin_course-catalog .input_weights_total {
            height: 80px;
            padding: 5px;
            float: left;
            text-align: center;
            line-height: 80px;
            color: #099;
            font-size: 30px;
            font-family: "Microsoft YaHei";
            font-weight: bold;
        }

    /*table*/
    .Qin_course_center .Qin_advanced_curriculum {
        padding: 0px 20px 20px;
    }

    .Qin_course_center #Qin_tabchge {
        border: 1px solid #E0E0E0;
        font-size: 12px;
        margin: 20px;
    }

        .Qin_course_center #Qin_tabchge ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .Qin_course_center #Qin_tabchge #tabchge {
            height: 40px;
            padding-left: 10px;
            border-bottom: 1px solid #E0E0E0;
            background: #F2F2F2;
        }

            .Qin_course_center #Qin_tabchge #tabchge li {
                font-size: 14px;
                line-height: 25px;
                width: 80px;
                height: 32px;
                padding-top: 7px;
                margin-right: 10px;
                text-align: center;
                float: left;
                cursor: pointer;
            }

                .Qin_course_center #Qin_tabchge #tabchge li.on {
                    width: 78px;
                    height: 32px;
                    padding-top: 5px;
                    border: 1px solid #E0E0E0;
                    border-bottom: none;
                    border-radius: 2px;
                    color: #333;
                    background: #FFF;
                    position: relative;
                    top: 3px;
                }

        .Qin_course_center #Qin_tabchge #Qin_tabchge_con {
            padding: 20px;
            min-height: 240px;
        }

            .Qin_course_center #Qin_tabchge #Qin_tabchge_con li {
                display: none;
                min-height: 240px;
                _height: 240px;
            }

            .Qin_course_center #Qin_tabchge #Qin_tabchge_con #Qin_tabchge_con_3 {
                display: block;
            }

        .Qin_course_center #Qin_tabchge #Qin_tabchge_con {
            display: block;
        }

            .Qin_course_center #Qin_tabchge #Qin_tabchge_con .video_title {
                margin-bottom: 5px;
            }

            .Qin_course_center #Qin_tabchge #Qin_tabchge_con .video_study .video_name {
                float: left;
                line-height: 25px;
                font-weight: normal;
            }

            .Qin_course_center #Qin_tabchge #Qin_tabchge_con #Qin_tabchge_con_3 .video_study .forms_box {
                position: relative;
                padding-left: 10px;
                width: 600px;
            }

            .Qin_course_center #Qin_tabchge #Qin_tabchge_con .video_study {
                border-bottom: 1px dotted #CCC;
                padding: 5px 0px;
                padding-left: 20px;
            }

                .Qin_course_center #Qin_tabchge #Qin_tabchge_con .video_study .forms_box {
                    padding-left: 150px;
                }

                    .Qin_course_center #Qin_tabchge #Qin_tabchge_con .video_study .forms_box input {
                        font-size: 14px;
                        width: 40px;
                        height: 26px;
                        text-align: center;
                        color: #F90;
                        border-radius: 2px;
                        border: 1px solid #E0E0E0;
                        margin: 0px 4px;
                        line-height: 25px;
                        font-family: "Microsoft YaHei";
                    }

        .Qin_course_center #Qin_tabchge #Qin_tabchge_con_6 p {
            font-weight: bold;
            line-height: 40px;
        }

        .Qin_course_center #Qin_tabchge #Qin_tabchge_con .video_study_p {
            margin: 15px 0px 0px 20px;
        }

        .Qin_course_center #Qin_tabchge #Qin_tabchge_con .test_study_p {
            padding: 0px 0px 15px 20px;
            border-bottom: 1px dotted #CCC;
            padding: 5px 0px;
        }

        .Qin_course_center #Qin_tabchge #Qin_tabchge_con .video_title_input_title {
            font-size: 14px;
            width: 45px;
            height: 26px;
            text-align: center;
            color: #F90;
            border-radius: 2px;
            border: 1px solid #E0E0E0;
            margin: 0px 2px;
            line-height: 25px;
            font-family: "Microsoft YaHei";
        }

        .Qin_course_center #Qin_tabchge .Qin_tabchge_con .video_study .posts_study_span {
            position: absolute;
            right: 20px;
        }

    .Qin_course_center .Qin_btn_long a, .Qin_course_center .Qin_btn_long a span {
        background: url(img/btn_long.png) no-repeat;
        _background: url(img/ie/btn_long_8.png) no-repeat;
    }

        .Qin_course_center .Qin_btn_long a.save_btn_yl {
            display: inline-block;
            zoom: 1;
            background-position: top left;
            height: 32px;
            line-height: 32px;
            margin: 5px;
            color: #FFF;
            font-size: 14px;
            padding: 0px 0px 0px 15px;
        }

            .Qin_course_center .Qin_btn_long a.save_btn_yl span {
                display: inline-block;
                zoom: 1;
                height: 32px;
                background-position: top right;
                padding: 0px 15px 0px 0px;
            }

        .Qin_course_center .Qin_btn_long a.save_btn_bc {
            display: inline-block;
            zoom: 1;
            height: 32px;
            line-height: 32px;
            background-position: bottom left;
            margin: 5px;
            color: #FFF;
            font-size: 14px;
            padding: 0px 0px 0px 15px;
        }

            .Qin_course_center .Qin_btn_long a.save_btn_bc span {
                display: inline-block;
                zoom: 1;
                height: 32px;
                background-position: 100% -48px;
                padding: 0px 15px 0px 0px;
            }

    .Qin_course_center .Qin_btn_long {
        height: 40px;
        text-align: center;
    }
/*.Qin_course_center #Qin_tabchge .save_btn { border: 1px solid #CDCDCD; padding: 2px 10px; border-radius: 3px;
	margin: 10px 10px 0px 20px; width: 30px; height: 25px; display: block; text-align: center; line-height: 25px; background: #EAEAEA; }*/

/*Qin send course*/
.Qin_send_course .Qin_advanced_curriculum .course-catalog .catalog-name {
    cursor: pointer;
    position: absolute;
    padding: 0px 10px 0px 10px;
    top: 6px;
    color: #FFF;
    background: #099;
    border-radius: 2px;
    right: 100px;
}

.Qin_send_course .Qin_advanced_curriculum .course-catalog .description {
    cursor: pointer;
    padding: 0px 10px 0px 10px;
    color: #FFF;
    background: #099;
    border-radius: 2px;
}

.Qin_send_course .Qin_advanced_curriculum .course-catalog ol li ol, .Qin_send_course .Qin_advanced_curriculum .course-catalog ol a {
    border: none;
}

/*Qin Complete Application*/

.course_course .wrapper .Qin_complete_application .application {
    width: 1000px;
    margin: 0px 0px 30px 0px;
    background: #FFF;
    border: 1px solid #CBCBCB;
    float: left;
    border-top: none;
    border-left: none;
    box-shadow: 0px 0px 8px rgba(0,0,0,.15);
}

    .course_course .wrapper .Qin_complete_application .application .finish {
        width: 600px;
        text-align: left;
        margin: 0 auto;
        padding-top: 40px;
        height: 350px;
        line-height: 40px;
    }

        .course_course .wrapper .Qin_complete_application .application .finish h2 {
            color: #666666;
            padding: 70px 10px 10px 0px;
            font-size: 30px;
        }

        .course_course .wrapper .Qin_complete_application .application .finish p {
            font-size: 16px;
            color: #666;
            margin-bottom: 30px;
        }

        .course_course .wrapper .Qin_complete_application .application .finish a {
            color: #099;
            text-decoration: underline;
        }

        .course_course .wrapper .Qin_complete_application .application .finish .aircraft {
            padding: 70px 40px 10px 0px;
            background: url(img/aircraft.png) bottom no-repeat;
            _background: url(img/ie/aircraft_8.png) bottom no-repeat;
            width: 64px;
            height: 64px;
            float: left;
        }

        .course_course .wrapper .Qin_complete_application .application .finish .aircraft_txt {
            float: left;
        }

        .course_course .wrapper .Qin_complete_application .application .finish .tick {
            padding: 70px 40px 10px 0px;
            background: url(img/tick.png) bottom no-repeat;
            _background: url(img/ie/tick_8.png) bottom no-repeat;
            width: 64px;
            height: 64px;
            float: left;
        }

        .course_course .wrapper .Qin_complete_application .application .finish .aircraft_txt {
            float: left;
        }

/* Upload wang 2014-8-27 */
.w_wrapper-mg {
    margin: 20px;
}

.w_prompt-tilte {
    font-size: 14px;
    padding: 10px 0px;
}

    .w_prompt-tilte h3 {
        float: left;
    }

    .w_prompt-tilte .add-teacher {
        float: right;
        color: #fff;
        padding-right: 8px;
        text-align: center;
        background: #ff6600;
        width: 90px;
        border-radius: 2px;
        -moz-border-radius: 2px; /* 老的 Firefox */
    }

        .w_prompt-tilte .add-teacher a {
            float: right;
            color: #fff;
        }

.w_form-box {
    background-color: #f2f2f2;
    border: 1px solid #e0e0e0;
    padding: 30px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .w_form-box .w_form-left {
        float: left;
        width: 20%;
    }

    .w_form-box .w_form-right {
        float: right;
        width: 76%;
        padding-top: 0px;
    }

    .w_form-box .w_form-left .w_pic-box {
        width: 200px;
        height: 150px;
        border: 1px solid #e0e0e0;
        background-color: #FFF;
        padding: 1px;
    }

    .w_form-box .w_form-left .w_prompt_info {
        padding-top: 5px;
        text-align: left;
    }

.add {
    background: url(img/add-about.gif) no-repeat;
}

.w_fieldset-list .form-group {
    margin-bottom: 18px;
    margin-top: 0px;
}

    .w_fieldset-list .form-group .cols {
        position: relative;
        float: none;
        _float: left;
        _margin-left: 0px;
        margin-left: 0px;
    }

        .w_fieldset-list .form-group .cols .textarea.max {
            width: 100%;
        }

.w_teacher-form .form-group .cols {
    width: 80%;
}

.w_form-left .form-group .upload-btn {
    float: left;
    margin-left: 10px;
    background: url(img/upload-btn.png) no-repeat;
    _background: url(img/ie/upload-btn_8.png) no-repeat;
    width: 120px;
    height: 32px;
    display: block;
    color: #FFF;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    margin-left: 0px;
}

.w_fieldset-list .form-group .cols .textarea {
    height: 140px;
}

.textarea-h60 .form-group .cols .textarea {
    height: 60px;
}

.w_form-box .active-solid,
.w_form-box .active-dotted {
    width: 100px;
    height: 100px;
    float: left;
    display: inline;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline;
    margin-right: 10px;
    position: relative;
    background-color: #fff;
}

.w_form-box .add-teacher-solid,
.w_form-box .add-teacher-dotted {
    width: 146px;
    height: 146px;
    float: left;
    display: inline;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline;
    margin-right: 10px;
    position: relative;
    background-color: #fff;
    padding: 1px;
}

.w_form-box .active-solid,
.w_form-box .add-teacher-solid {
    border: 1px solid #e0e0e0;
}

.w_form-box .active-dotted,
.w_form-box .add-teacher-dotted {
    border: 1px dashed #e0e0e0;
}

.w_form-box .active-solid .delet-x {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 9px;
    height: 9px;
    background: url(img/x.png) center no-repeat;
}

.w_form-left .w_teacher-ph {
    width: 146px;
    height: 146px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    padding: 1px;
    margin-top: 18px;
    margin-left: 30px;
}

.w_form-right .teacher-dotted {
    width: 146px;
    height: 146px;
    border: 1px dashed #e0e0e0;
    background-color: #fff;
}

.textw50 .form-group .cols .text {
    margin: 4px 0px;
    width: 50%;
}

.w_cols_w560 .form-group .cols {
    position: relative;
    float: none;
    _float: left;
    _margin-left: 0px;
    _width: 560px;
}

.w_form-box .editor-bg {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    width: 100%;
    height: auto;
}

.w_editor-menu {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    display: block;
}

    .w_editor-menu .nav {
        float: left;
        height: 30px;
        line-height: 30px;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
        display: inline;
    }

        .w_editor-menu .nav li {
            display: block;
            float: left;
            width: 120px;
            text-align: center;
            margin-left: 10px;
            color: #cce8e4;
            background: url(img/editor-btn2.png) no-repeat;
            _background: url(img/ie/editor-btn2_8.png) no-repeat;
        }

            .w_editor-menu .nav li a {
                display: inline-block;
                height: 30px;
                width: 120px;
                color: #fff;
            }

                .w_editor-menu .nav li a:hover,
                .w_editor-menu .nav li a.current {
                    background: url(img/editor-btn.png) no-repeat;
                    _background: url(img/ie/editor-btn_8.png) no-repeat;
                }

.w_footer {
    padding-left: 346px;
}

    .w_footer .preservation {
        height: 38px;
        display: inline-block;
    }

        .w_footer .preservation a {
            color: #fff;
            width: 120px;
            height: 32px;
            display: inline-block;
            text-align: center;
            line-height: 32px;
            font-size: 14px;
            margin-right: 10px;
            background: url(img/upload-btn.png) no-repeat;
            _background: url(img/ie/upload-btn_8.png) no-repeat;
        }

        .w_footer .preservation .next {
            color: #fff;
            background: url(img/send-seled.png) no-repeat;
            _background: url(img/ie/send-seled_8.png) no-repeat;
        }

/*upload wang 2014-8-28 dialog*/
.sys-dialog {
    width: 900px;
    background: #FFF;
}

.sys-dialog-450 {
    width: 450px;
    background: #FFF;
}

.sys-dialog-700 {
    width: 700px;
    background: #FFF;
}

.sys-dialog .sys-dialog-title {
    padding-left: 15px;
    height: 35px;
    line-height: 35px;
    color: #FFF;
    font-size: 16px;
    background-color: #009999;
}

    .sys-dialog .sys-dialog-title .close {
        display: inline-block;
        zoom: 1;
        float: right;
        width: 35px;
        height: 35px;
        background-position: 10px 10px;
    }

.sys-dialog .sys-dialog-content {
    padding: 20px;
}

    .sys-dialog .sys-dialog-content .fieldset-list,
    .sys-dialog .sys-dialog-content .fieldset-list .form-group {
        margin: 0px;
    }

        .sys-dialog .sys-dialog-content .fieldset-list .form-group {
            margin-bottom: 15px;
        }

    .sys-dialog .sys-dialog-content .control-label {
        width: 120px;
        font-size: 14px;
    }

.sys-dialog-450 .sys-dialog-content .control-label {
    width: 90px;
}

.sys-dialog-450 .sys-dialog-content .control-label-110 {
    width: 110px;
}

.sys-dialog-700 .sys-dialog-content .control-label {
    width: 110px;
}

.sys-dialog .sys-dialog-content .cols .textarea {
    height: auto;
}

.sys-dialog .sys-dialog-content .notice {
    color: #999;
    padding-top: 5px;
}

.sys-dialog .sys-dialog-content h4 {
    color: #666;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sys-dialog .sys-dialog-content p {
    color: #666;
    margin-bottom: 10px;
    font-size: 14px;
}

.sys-dialog .sys-dialog-content ul li {
    font-size: 14px;
    color: #666;
    height: 26px;
    line-height: 26px;
}

    .sys-dialog .sys-dialog-content ul li span {
        color: #FF3300;
    }

.sys-dialog .submit-center {
    padding: 15px 0px 0px;
    text-align: center;
}

.form-group .go-on {
    width: 160px;
}

    .form-group .go-on .w_add-file {
        overflow: hidden;
        position: relative;
        border: 1px dashed #CCC;
        border-radius: 5px;
        font-family: "Microsoft Yahei", Airal;
        box-shadow: 1px 2px 3px rgba( 0, 0, 0, 0.15 );
    }

        .form-group .go-on .w_add-file span {
            cursor: pointer;
            display: block;
            height: 40px;
            text-align: center;
            font-size: 14px;
        }

            .form-group .go-on .w_add-file span em {
                position: relative;
                top: 6px;
                display: inline-block;
                width: 26px;
                height: 26px;
                margin-right: 5px;
                background: url(img/add_file.png) no-repeat;
            }

        .form-group .go-on .w_add-file:hover {
            border-color: #C4E1F0;
            background: #E6F3FC;
        }

        .form-group .go-on .w_add-file .file {
            position: absolute;
            top: 0px;
            left: -330px;
            font-size: 30px;
            opacity: 0;
            filter: alpha( opacity=0 );
            cursor: pointer;
        }

.fieldset-list .video-tbor {
    border-bottom: 1px dotted #dfdfdf;
    padding-bottom: 15px;
}

.w_form-group-left {
    float: left;
    width: 35%;
}

.w_form-group-right {
    float: right;
    width: 63%;
}

.w_form-group-left .video-addbox {
    width: 320px;
    height: 120px;
}

.w_form-group-left .w_prompt {
    margin-top: 20px;
}

    .w_form-group-left .w_prompt span {
        color: #ff6600;
        float: left;
        width: 12%;
    }

    .w_form-group-left .w_prompt p {
        float: right;
        text-align: left;
        width: 88%;
    }

.w_form-group-right .content-box,
.w_test-right .content-box {
    background-color: #f5f5f5;
    border: 1px dashed #c0c0c0;
    padding: 5px 16px;
    position: relative;
    margin-bottom: 10px;
}

    .w_form-group-right .content-box .time-l,
    .w_test-right .content-box .time-l {
        float: left;
    }

    .w_form-group-right .content-box .video-open,
    .w_test-right .content-box .video-open {
        position: absolute;
        display: block;
        width: 13px;
        height: 7px;
        top: 12px;
        right: 1%;
        background: url(img/down.png) no-repeat;
    }

    .w_test-right .content-box .video-open {
        right: 47px;
    }

    .w_form-group-right .content-box .open-r,
    .w_test-right .content-box .open-r {
        float: right;
        padding-right: 5px;
    }

    .w_form-group-right .content-box .content {
        margin-bottom: 10px;
    }

.w_form-group-left .w_button-list {
    margin-top: 140px;
    _margin-top: 15px;
}

.answer-l {
    width: 10%;
    float: left;
}

.answer-c {
    width: 60%;
    float: left;
}

.answer-r {
    width: 18%;
    float: left;
    padding-left: 10px;
}

.w_test-left {
    float: left;
    width: 20%;
    padding-top: 20px;
}

.w_test-right {
    float: left;
    width: 79%;
    border-left: 1px dotted #c0c0c0;
}

    .w_test-right .w_test-title {
        font-weight: bold;
        margin: 5px 0px;
        _margin: 5px 0px;
    }

        .w_test-right .w_test-title span {
            color: #F00;
        }

.w_teacher-form .form-group .cols {
    *margin: 0px;
}

/* button-list => button */
.form-group .button {
    margin: 0px 3px;
}

    .form-group .button,
    .form-group .button span {
        display: inline-block;
        zoom: 1;
        height: 32px;
        line-height: 32px;
        background-position: 0 -214px;
    }

.form-group .button {
    padding-left: 15px;
}

    .form-group .button span {
        padding-right: 15px;
        background-position: 100% -214px;
    }

    /* button-list => button => current */
    .form-group .button:hover,
    .form-group .button.current,
    .form-group .button:hover span,
    .form-group .button.current span {
        color: #FFF;
    }

    .form-group .button:hover,
    .form-group .button.current {
        background-position: 0px -246px;
    }

        .form-group .button:hover span,
        .form-group .button.current span {
            background-position: 100% -246px;
        }

.middle-list .form-group {
    margin: 0px 0px 10px;
}

.sys-dialog .fieldset-list .form-group .cols {
    _width: auto;
}

.sys-dialog-content .ok-btn {
    border-top: 1px dotted #dfdfdf;
    padding-top: 20px;
}

    .sys-dialog-content .ok-btn .ok-btnbor {
        background: url(img/upload-btn.png) no-repeat 0px 0;
        _background: url(img/ie/upload-btn_8.png) no-repeat 0px 0;
        height: 32px;
        width: 120px;
        display: block;
        color: #fff;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        margin: 0px auto;
    }

.fieldset-list .form-group .cols .close-x {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    top: 12px;
    right: 8%;
    background: url(img/x.png) no-repeat;
}

.fieldset-list .form-group .cols {
    margin-bottom: 10px;
}

.fieldset-list .form-group .w_test-left .botton-mgb {
    margin: 5px 0px;
}

.fieldset-list .form-group .w_test-right .content-box .content .cols {
    margin-left: 0px;
}

.fieldset-list .form-group .w_test-right .w_row_padding {
    padding: 20px;
}

.fieldset-list .form-group .w_form-group-right .content-box .cols {
    margin-left: 0px;
    width: 90%;
    _width: 90%;
}

.upload-sys-dialog .control-label {
    width: 120px;
}

.upload-sys-dialog .cols {
    margin-left: 130px !important;
    _margin-left: 0px !important;
}

.upload-list ul li {
    height: 36px !important;
    line-height: 36px !important;
    border: 1px solid #DDD;
    overflow: hidden;
    margin-bottom: 10px;
}

    .upload-list ul li:hover {
        border-color: #009999;
    }

    .upload-list ul li div {
        float: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .upload-list ul li .order {
        width: 30px;
        text-indent: 10px;
    }

    .upload-list ul li .file-name {
        width: 80%;
        text-indent: 5px;
    }

    .upload-list ul li .file-operating {
        float: right;
        width: 10%;
        text-align: right;
        height: 36px;
    }

        .upload-list ul li .file-operating a {
            display: block;
            width: 100%;
            height: 100%;
            background: url(img/x.png) no-repeat center center;
        }

.upload-list .add-file {
    overflow: hidden;
    position: relative;
    margin: 15px 20px 15px 0px;
    width: 160px;
    border: 1px dashed #CCC;
    border-radius: 5px;
    font-family: "Microsoft Yahei", Airal;
    box-shadow: 1px 2px 3px rgba( 0, 0, 0, 0.15 );
}

    .upload-list .add-file span {
        cursor: pointer;
        display: block;
        height: 40px;
        text-align: center;
        font-size: 14px;
    }

        .upload-list .add-file span em {
            position: relative;
            top: 6px;
            display: inline-block;
            width: 26px;
            height: 26px;
            margin-right: 5px;
            background: url(img/add_file.png) no-repeat;
        }

    .upload-list .add-file:hover {
        border-color: #C4E1F0;
        background: #E6F3FC;
    }

    .upload-list .add-file .file {
        position: absolute;
        top: 0px;
        left: -330px;
        font-size: 30px;
        opacity: 0;
        filter: alpha( opacity=0 );
        cursor: pointer;
    }

/* jQuery UI */
.ui-dialog {
    padding: 0;
    box-shadow: 0px 0px 8px rgba( 0, 0, 0, 0.3 );
    border-radius: 0;
    border: 0 none;
}

    .ui-dialog .ui-dialog-titlebar {
        border-radius: 0;
        border: 0;
        padding: 0px 0px 0px 15px;
        background-color: #009999;
        font-size: 16px;
        color: #FFF;
        line-height: 35px;
        height: 35px;
    }

    .ui-dialog .ui-dialog-title {
        color: #FFF;
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-family: "Microsoft YaHei", Airal;
        font-weight: normal;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        display: inline-block;
        zoom: 1;
        top: 0px;
        right: 0px;
        margin: 0;
        padding: 0;
        font-size: 0;
        overflow: hidden;
        text-indent: -9999px;
        width: 35px;
        height: 35px;
        background-position: 10px 10px;
        opacity: 1;
        _filter: alpha( opacity=100 );
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            background: none;
        }

    .ui-dialog .ui-dialog-buttonpane {
        border: 0;
        background: none;
        margin: 0;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

.ui-widget-content a.button-submit {
    color: #FFF;
}

    .ui-widget-content a.button-submit.cancle {
        color: #666;
    }

/* select-list */
.select-list .time-l {
    width: 600px;
    white-space: nowrap;
    overflow: hidden;
    height: 18px;
}

.select-list .open-r {
    width: 80px;
}

.select-list .inputRadio {
    position: relative;
    top: 2px;
}

.select-list .form-group .control-label {
    width: 70px;
}

    .select-list .form-group .control-label span {
        color: #666;
    }

    .select-list .form-group .control-label em {
        color: red;
    }

.select-list .form-group .cols {
    margin-left: 70px;
    _float: left;
    _margin-left: 0px;
    _width: 600px;
    padding-top: 6px;
    vertical-align: top;
}

    .select-list .form-group .cols label {
        *margin: 0px 5px;
        cursor: pointer;
        vertical-align: top;
        margin-top: 2px;
        display: inline-block;
        padding: 5px 13px 0px 10px;
        background: #FFF;
        height: 23px;
        line-height: 160%;
        border: 1px solid #DDD;
        border-radius: 3px;
    }

        .select-list .form-group .cols label:hover {
            background: #EFEFEF;
        }

    .select-list .form-group .cols input {
        vertical-align: top;
    }

    .select-list .form-group .cols label a {
        display: inline-block;
        width: 16px;
        height: 23px;
        background: url(img/bank_icon.gif) no-repeat 4px -80px;
    }

    .select-list .form-group .cols .inputTextarea {
        width: 420px;
        padding: 6px 12px;
    }

.btn_default {
    *margin: 0px 5px;
    cursor: pointer;
    vertical-align: top;
    margin-top: 2px;
    display: inline-block;
    padding: 5px 13px 0px 10px;
    background: #FFF;
    height: 23px;
    line-height: 160%;
    border: 1px solid #DDD;
    border-radius: 3px;
}

    .btn_default:hover {
        background: #EFEFEF;
    }

    .btn_default input {
        vertical-align: top;
    }

    .btn_default a {
        display: inline-block;
        width: 16px;
        height: 23px;
        background: url(img/bank_icon.gif) no-repeat 4px -80px;
    }

.btnX {
    position: relative;
    color: #5f5f5f;
    background: #FFF;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    font-family: "Microsoft Yahei";
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding;
    cursor: default;
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}

    .btnX:hover {
        text-shadow: none;
        border-color: #c6c6c6;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#fff1f1f1', GradientType=0);
        background-position: 0 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .btnX.active, .btnX:active {
        background-image: none;
        outline: 0;
        background: #e8e8e8;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        background-color: #f4f4f4;
        background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1);
        background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
        background-image: linear-gradient(to bottom, #f6f6f6, #f1f1f1);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#fff1f1f1', GradientType=0);
    }

    .btnX.disabled, .btnX.disabled:hover, .btnX.disabled:active, .btnX.disabled.active, .btnX.disabled:focus, .btnX[disabled], .btnX[disabled]:hover, .btnX[disabled]:active, .btnX[disabled].active, .btnX[disabled]:focus {
        border: 1px solid #dcdcdc;
        background-color: #f3f3f3;
        background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
    }

.right .title {
    height: 35px;
    border-bottom: 1px solid #dddddd;
    position: relative;
    *overflow: hidden;
}

    .right .title a {
        height: 34px;
        line-height: 34px;
        border: 1px solid #dddddd;
        font-size: 14px;
        color: #BBBBBB;
        width: 120px;
        background: #fff;
        text-align: center;
        position: relative;
        display: inline-block;
        cursor: pointer;
        float: left;
        margin-right: 4px;
    }

    .right .title .select {
        border-bottom: 1px solid #fff;
        color: #666;
    }

    .right .title a:hover {
        color: #52b2dc;
    }

/*选勾标题*/
.add_check {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-top: 20px;
    *padding-top: 20px;
}

.add_ckicon {
    background-position: 0 -650px;
    float: left;
}

    .add_ckicon:hover, .select .add_ckicon {
        background-position: 0 -625px;
    }

.add_check span {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    color: #dadada;
}

    .add_check span b {
        font-weight: normal;
    }

    .add_check span a {
        margin: 0 0px;
    }

        .add_check span a.select {
            color: #df6e14;
        }

/*教学设计*/
.right a.teaching_tbtn {
    height: 25px;
    line-height: 25px;
    border: none;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 3px;
    background: #509BD7;
    color: white;
    display: inline-block;
    margin: 6px 0 0 4px;
    width: auto;
    *margin-top: 5px;
}

    .right a.teaching_tbtn .tbtn_add {
        background-position: -6px -700px;
        font-style: normal;
        float: left;
        width: 15px;
    }

    .right a.teaching_tbtn:hover {
        background: #3B8CCC;
        color: #fff;
    }

.select_group {
    height: 25px;
    line-height: 25px;
    border: none;
    font-size: 12px;
    padding: 0px 8px;
    border-radius: 3px;
    background: #509BD7;
    color: white;
    display: inline-block;
    margin: 6px 0 0 4px;
    width: auto;
    *margin-top: 5px;
}

.selectbtn {
    background-position: -6px -700px;
    font-style: normal;
    float: left;
    width: 15px;
}

/*班级分组*/
.groups_add.add_box a {
    width: 49.9%;
}

    .groups_add.add_box a i {
        margin-left: 121px;
    }

.groups_main {
    margin-top: 20px;
}

.groups_box {
    margin: 10px 0;
    height: 100%;
    padding: 0 0 15px 0px;
}

    .groups_box h4 {
        font-size: 14px;
        font-weight: bold;
        color: #e9771e;
        height: 45px;
        line-height: 45px;
        padding-left: 10px;
    }

    .groups_box li {
        float: left;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
        margin: 0px 3px 10px 0;
        position: relative;
    }

        .groups_box li img {
            width: 40px;
            height: 40px;
            margin: 0 auto;
            float: left;
        }

        .groups_box li p {
            height: 25px;
            line-height: 25px;
            float: left;
            margin-left: 6px;
            display: inline-block;
            width: 55px;
            text-align: left;
        }

        .groups_box li a {
            color: #415e96;
            display: block;
            width: 102px;
            padding: 5px;
            height: 100%;
            overflow: hidden;
            border: 1px solid #fff;
        }

            .groups_box li a:hover {
                color: #fff;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                background-color: #d2e7f7;
                background-image: -moz-linear-gradient(top,#d5e8f8,#c4def3);
                background-image: -webkit-gradient(linear,0 0,0 100%,from(#d5e8f8),to(#c4def3));
                background-image: -webkit-linear-gradient(top,#d5e8f8,#c4def3);
                background-image: -o-linear-gradient(top,#d5e8f8,#c4def3);
                background-image: linear-gradient(to bottom,#d5e8f8,#c4def3);
                background-repeat: repeat-x;
                border: 1px solid #a5cbe9;
                box-shadow: inset 0px 1px #fff;
                color: #e9771e;
            }

.groups_all li a {
    width: 91px;
}

/*班级分组-教学*/
.groups_site, .groups_stu {
    margin-top: 20px;
}

.groups_site {
    float: left;
    display: inline-block;
    width: 168px;
}

    .groups_site li {
        padding: 5px 10px;
        position: relative;
    }

        .groups_site li a {
            line-height: 20px;
            color: #0668b1;
        }

            .groups_site li a:hover {
                color: #e9771e;
            }

        .groups_site li.select {
            background: #e5e5e5;
            border-radius: 3px;
        }

.groups_stu {
    float: right;
    display: inline-block;
    width: 585px;
}

    .groups_stu .groups_box {
        margin: 0px;
    }

/*班级分组-自由分组*/
.groups_site .btn {
    margin: 10px 0 0 0;
    color: #fff;
}

    .groups_site .btn:hover {
        color: #fff;
    }

.icon_check {
    position: absolute;
    right: 0px;
    bottom: 1px;
    background-position: -4px -978px;
    width: 18px;
    height: 18px;
    display: none;
}

    .icon_check:hover {
        background-position: -54px -978px;
    }

    .icon_check.current {
        background-position: -54px -978px;
    }

.groups_stu .groups_box .select .icon_check, .groups_stu .groups_box li a:hover .icon_check {
    display: block;
}

.groups_stu .groups_box .select a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #d2e7f7;
    background-image: -moz-linear-gradient(top,#d5e8f8,#c4def3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#d5e8f8),to(#c4def3));
    background-image: -webkit-linear-gradient(top,#d5e8f8,#c4def3);
    background-image: -o-linear-gradient(top,#d5e8f8,#c4def3);
    background-image: linear-gradient(to bottom,#d5e8f8,#c4def3);
    background-repeat: repeat-x;
    border: 1px solid #a5cbe9;
    box-shadow: inset 0px 1px #fff;
}

/*班级分组*/
.icon_group {
    background: url(img/discuss-info-icon.png) no-repeat;
    background-position: 0 -339px;
    position: absolute;
    right: 5px;
    top: 7px;
    width: 20px;
    height: 20px;
}

.icon_pop {
    position: absolute;
    top: 9px;
    right: 8px;
    left: auto;
    z-index: 100;
    float: right;
    width: 140px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .icon_pop i {
        background: url(img/bj.gif) no-repeat left top;
        display: inline-block;
        width: 21px;
        height: 18px;
        float: left;
        margin-left: 10px;
    }

        .icon_pop i.menu-edit {
            background-position: 0 4px;
        }

        .icon_pop i.menu-remove {
            background-position: 0 -26px;
        }

    .icon_pop a:hover i.menu-edit {
        background-position: -27px 4px;
    }

    .icon_pop a:hover i.menu-remove {
        background-position: -27px -26px;
    }

    .icon_pop p {
        float: left;
        display: inline-block;
        width: 70px;
    }

        .icon_pop p a {
            display: block;
            color: #A7A7A7;
            white-space: nowrap;
        }

            .icon_pop p a:hover {
                color: #428bca;
                text-decoration: none;
            }

.groups_site ul {
    height: 370px;
    border: 1px solid #e5e5e5;
    padding: 5px;
}

epeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;text-shadow: none;
}

/* Diy Moudle */
.diy-inner {
}

    .diy-inner .diy-sidebar {
        float: left;
        width: 200px;
        padding-top: 15px;
        border-right: 1px solid #DDD;
        padding-bottom: 50px;
    }

    .diy-inner .diy-primary {
        float: right;
        width: 690px;
    }

    .diy-inner .diy-sidebar .moudle-list {
        width: 158px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        margin: 3px auto 0px;
        background: #009999;
        border: 1px solid #009999;
    }

        .diy-inner .diy-sidebar .moudle-list a {
            font-weight: bold;
            display: block;
            width: 100%;
            height: 100%;
            font-size: 14px;
            color: #FFF;
            cursor: move;
        }

    .diy-inner .diy-sidebar .diy-list {
        background: #E6FFFF;
    }

        .diy-inner .diy-sidebar .diy-list a {
            position: relative;
            color: #666;
            cursor: pointer;
        }

            .diy-inner .diy-sidebar .diy-list a span {
                display: block;
                position: absolute;
                top: 0px;
                right: 0px;
                z-index: 10;
                width: 15px;
                height: 15px;
                background: url(img/x.png) no-repeat center center;
            }

    .diy-inner .diy-sidebar .add-moudle-btn {
        width: 160px;
        height: 40px;
        margin: 15px auto 0px;
    }

        .diy-inner .diy-sidebar .add-moudle-btn a {
            border-radius: 3px;
            border: 1px dashed #CCC;
            width: 158px;
            height: 38px;
            line-height: 38px;
            font-size: 14px;
            text-align: center;
            display: block;
            margin: 0px auto;
            box-shadow: 0px 0px 5px rgba( 0, 0, 0, 0.2 );
        }

            .diy-inner .diy-sidebar .add-moudle-btn a:hover {
                border-color: #009999;
            }

    .diy-inner .diy-primary .form-group .cols {
        _width: 450px;
    }

/* UPdate 2014-09-15 */
.students-catalog {
    border: 0 none;
    overflow: hidden;
    _overflow: visible;
}

    .students-catalog ol li {
        margin-bottom: 20px;
    }

        .students-catalog ol li ol {
            border: 0 none;
            display: none;
        }

            .students-catalog ol li ol li {
                margin: 0px;
            }

    .students-catalog .catalog-row {
        font-size: 14px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .students-catalog ol li .span {
        cursor: pointer;
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        margin-left: 0px;
        text-indent: 35px;
        font-size: 16px;
        margin: 0px;
    }

    .students-catalog ol li .span {
        color: #666;
        background: #e8f9ff url(img/catalog_close.png) no-repeat 14px center;
    }

        .students-catalog ol li .span.open {
            background-image: url(img/catalog_open.png);
        }

    .students-catalog ol a {
        padding: 10px 0px;
        line-height: 30px;
    }

    .students-catalog ol .catalog-left:hover {
        background-color: #f5f5f5;
        color: #009999;
    }

        .students-catalog ol .catalog-left:hover a {
            color: #009999;
        }

        .students-catalog ol .catalog-right:hover a {
            color: #009999;
        }
.w_wrapper-top {
    padding: 30px;
}

    .w_wrapper-top .w_top-left {
        height: 240px;
        border: 1px solid #c3c3c3;
        padding: 1px;
    }

        .w_wrapper-top .w_top-left .w_top-pic {
            height: 240px;
            background: url(img/coursepage-pic.jpg);
            z-index: 1;
            position: relative;
        }

            .w_wrapper-top .w_top-left .w_top-pic span {
                width: 100px;
                height: 100px;
                z-index: 10;
                position: absolute;
                top: 35%;
                left: 40%;
                background: url(img/play_btn.png) no-repeat;
                _background: url(img/ie/play_btn_8.png) no-repeat;
            }

    .w_wrapper-top .w_top-right {
        height: 240px;
        margin-left: 30px;
    }

        .w_wrapper-top .w_top-right .w_top-right-title {
            height: 25px;
            line-height: 25px;
        }

            .w_wrapper-top .w_top-right .w_top-right-title h1 {
                font-size: 22px;
                float: left;
            }

            .w_wrapper-top .w_top-right .w_top-right-title span {
                float: right;
                padding-left: 14px;
            }

                .w_wrapper-top .w_top-right .w_top-right-title span.time {
                    background: url(img/coursepage_time.png) no-repeat 0px 7px;
                    color: #999;
                }

    .w_wrapper-top .share {
        float: left;
        width: 50%;
        position: relative;
    }

        .w_wrapper-top .share .share-01 {
            position: absolute;
            top: 20px;
            left: 0;
            width: 30px;
            height: 30px;
            background: url(img/share_01.gif) no-repeat;
        }

            .w_wrapper-top .share .share-01:hover {
                width: 30px;
                height: 30px;
                background: url(img/share_01_1.gif) no-repeat;
            }

        .w_wrapper-top .share .share-02 {
            position: absolute;
            top: 20px;
            left: 40px;
            width: 30px;
            height: 30px;
            background: url(img/share_02.gif) no-repeat;
        }

            .w_wrapper-top .share .share-02:hover {
                width: 30px;
                height: 30px;
                background: url(img/share_02_1.gif) no-repeat;
            }

.w_top-right .learning {
    background-color: #009999;
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    position: absolute;
    right: 0;
}

.w_top-right .learning-number {
    float: right;
    text-align: right;
    width: 295px;
    position: relative;
}

    .w_top-right .learning-number a:hover {
        background-color: #01afaf;
    }

    .w_top-right .learning-number span {
        background: url(img/student.png) no-repeat 0px 2px;
        _background: url(img/ie/student_8.png) no-repeat 0px 2px;
        padding-left: 15px;
        position: absolute;
        right: 170px;
        top: 15px;
    }

.w_wrapper-top .w_top-right p {
    margin: 15px 0;
    font-size: 14px;
}

    .w_wrapper-top .w_top-right p.abstract {
        color: #717171;
        line-height: 180%;
        font-size: 12px;
    }

.w_wrapper-top .w_top-right .details {
    color: #009999;
    font-weight: bold;
}

    .w_wrapper-top .w_top-right .details:hover {
        color: #ff9900;
    }

.w_catalog {
    padding: 0px 30px;
    margin-bottom: 30px;
    background: url(img/course_bottom.png) no-repeat -10px bottom;
    _background: url(img/ie/course_bottom_8.png) no-repeat 0px bottom;
}

.w_catalog-left {
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding-bottom: 120px;
}

.w_catalog-right {
    border-top: 1px solid #e8e8e8;
}

.w_catalog-title .catalog-menu {
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
}

    .w_catalog-title .catalog-menu li {
        float: left;
        display: inline;
        width: 80px;
        height: 40px;
        margin-right: 15px;
    }

        .w_catalog-title .catalog-menu li a {
            display: inline-block;
            zoom: 1;
            width: 80px;
            text-align: center;
            height: 40px;
            font-size: 14px;
            line-height: 40px;
        }

            .w_catalog-title .catalog-menu li a:hover,
            .w_catalog-title .catalog-menu li a.current {
                border-bottom: 2px solid #009999;
                color: #009999;
            }

.w_course-catalog {
    padding-top: 10px;
    padding-right: 10px;
}

    .w_course-catalog ol li {
        *height: 1%;
    }

    .w_course-catalog ol a {
        display: block;
        padding: 10px 0px;
        line-height: 30px;
        *height: 30px;
    }

        .w_course-catalog ol li.active a,
        .w_course-catalog ol a.current {
            background: #F8F8F8;
        }

    .w_course-catalog ol li.active .setting {
        display: block;
    }

    .w_course-catalog ol li.active ul .setting {
        display: none;
    }

    .w_course-catalog ol li.active ul a {
        background: #FFF;
    }

    .w_course-catalog ol li {
        position: relative;
        line-height: 40px;
        margin-bottom: 10px;
    }

        .w_course-catalog ol li .span {
            color: #333333;
            background: #f5f5f5;
            font-weight: bold;
            font-size: 14px;
            width: 100%;
            display: inline-block;
        }

            .w_course-catalog ol li .span strong {
                padding-left: 15px;
            }

        .w_course-catalog ol li ol {
            display: none;
        }

            .w_course-catalog ol li ol li {
                margin-top: 2px;
                margin-bottom: 0px;
                height: 30px;
                padding: 5px 0px;
                border-bottom: 1px dotted #DDD;
            }

                .w_course-catalog ol li ol li a {
                    padding: 0px;
                    padding-left: 50px;
                }

                .w_course-catalog ol li ol li ol {
                    border: 0 none;
                }

                    .w_course-catalog ol li ol li ol a {
                        padding-left: 80px;
                    }

        .w_course-catalog ol li a em {
            padding: 0px 4px;
            font-style: normal;
        }

        .w_course-catalog ol li ul a,
        .w_course-catalog ol li ol li ol ul a {
            font-weight: normal !important;
            padding-left: 80px !important;
        }

        .w_course-catalog ol li ol li ol ul li a {
            padding-left: 100px !important;
            height: 34px;
            line-height: 34px;
        }

    .w_course-catalog ul li span {
        position: relative;
        _top: 10px;
    }

    .w_course-catalog ol li .point a {
        position: absolute;
        top: 5px;
        _top: -1px;
        border: 0 none;
        right: 10px;
        width: 13px;
        height: 8px;
        background: url(img/catalog_open.png) no-repeat 0px center;
    }

    .w_course-catalog ol li .point-close a {
        position: absolute;
        top: 5px;
        _top: -1px;
        border: 0 none;
        right: 10px;
        width: 13px;
        height: 8px;
        background: url(img/catalog_close.png) no-repeat 0px center;
    }

    .w_course-catalog ol li .point a:hover {
        _background: url(img/catalog_open.png) no-repeat 0px center;
    }

    .w_course-catalog ol li .point-close a:hover {
        _background: url(img/catalog_close.png) no-repeat 0px center;
    }

.w_catalog-right .w_left-speaker .w_left-speaker-list li {
    margin-right: 8px;
    margin-left: 0px;
}

.w_catalog-right .w_speaker {
    padding: 0px 0px 0px 15px;
    float: none;
    padding-left: 20px;
    border-left: none;
    background: url() repeat-y;
}

.w_speakerr .w_left-speaker-list {
    margin-top: 10px;
}

.w_speaker .w_learning-list li {
    width: 60px;
    padding: 10px 0px 10px 0px;
    margin: 0px 1px;
    float: left;
    text-align: center;
    display: inline;
}

.w_speaker .w_learning-list h1 {
    line-height: 22px;
    text-align: center;
    margin-top: 5px;
    font-weight: normal;
}

.w_speaker .w_learning-list .learning {
    position: relative;
    width: 50px;
    height: 50px;
}

    .w_speaker .w_learning-list .learning .speaker-radius {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 50px;
        height: 50px;
        z-index: 10;
        background: url(img/blank_pic_small.png);
        _background: url(img/ie/blank_pic_small_8.png);
    }

    .w_speaker .w_learning-list .learning img {
        width: 50px;
        height: 50px;
    }

    .w_speaker .w_learning-list .learning a {
        display: block;
        width: 100%;
        height: 100%;
    }

.w_wrap_left_75 {
    float: left;
    width: 75%;
}

.w_wrap_left_25 {
    float: left;
    width: 25%;
}

.w_wrap_left_4 {
    float: left;
    width: 40%;
}

.w_wrap_left_6 {
    float: left;
    width: 60%;
}

.w_course-introduction,
.w_team-introduction {
    padding: 20px;
    line-height: 180%;
    color: #666;
    font-size: 14px;
}

    .w_course-introduction p,
    .w_team-introduction p {
        margin-bottom: 10px;
    }

.comment-list {
    padding: 20px;
}

    .comment-list ul li {
        padding-bottom: 20px;
        border-bottom: 1px dotted #C4D6EC;
        margin-bottom: 20px;
    }

        .comment-list ul li .thumb {
            float: left;
            padding: 3px;
            margin-top: 5px;
            border: 1px solid #DDD;
            border-radius: 50%;
            background: #FFF;
            width: 60px;
            height: 60px;
            overflow: hidden;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
        }

            .comment-list ul li .thumb img {
                border-radius: 50%;
            }

        .comment-list ul li .comment-article {
            margin-left: 80px;
            padding-top: 0px;
        }

            .comment-list ul li .comment-article h3 {
                color: #000;
                line-height: 26px;
                height: 26px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .comment-list ul li .comment-article h3 span {
                    padding-left: 20px;
                    color: #999;
                }

                .comment-list ul li .comment-article h3 a {
                    color: #000;
                    font-size: 14px;
                }

            .comment-list ul li .comment-article p {
                line-height: 160%;
                color: #666;
                word-break: break-all;
            }

        .comment-list ul li:hover .thumb {
            -webkit-transition: all 1s ease 0s;
            -moz-transition: all 1s ease 0s;
            -ms-transition: all 1s ease 0s;
            -o-transition: all 1s ease 0s;
            transition: all 1s ease 0s;
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }

.comment-form .inputTextarea {
    width: 99%;
    height: 120px;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 3px;
}

    .comment-form .inputTextarea:focus {
        border-color: #009999;
    }

.comment-form .form-list {
    margin: 10px 0px;
}

.comment-form .inputSubmit {
    outline: none;
    background: #009999;
    float: right;
    color: #FFF;
    padding: 7px 20px;
    margin: 0px;
    border: 0 none;
    border-radius: 5px;
    cursor: pointer;
}

.comment-form .form-list h3 {
    font-size: 16px;
    color: #009999;
}

/*分页样式*/
.paging .pagination {
    text-align: center;
    line-height: 30px;
}

    .paging .pagination span.select {
        background: #e3e3e3;
        color: #fff;
    }

    .paging .pagination a {
        border: none;
        color: #333;
        text-decoration: none;
    }

        .paging .pagination a:hover {
            text-decoration: none;
            color: #fff;
            background: #009999;
        }

    .paging .pagination .current {
        background: none;
        border: 0;
        color: #009999;
        font-weight: bold;
    }

    .paging .pagination a, .paging .pagination span {
        padding: 0px 12px;
        display: inline-block;
    }

    .paging .pagination .prev, .paging .pagination .next {
        background: #009999;
        border: none;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }

.page-sizeCount {
    float: right;
    padding-top: 10px;
    color: #999;
}
/*分页样式-结束*/

/*作业管理*/
.write_icon {
    background-position: 0 -825px;
    width: 20px;
}

.del_icon {
    background-position: -25px -825px;
    width: 20px;
}

.stop_icon {
    background-position: -52px -825px;
    width: 20px;
}

.recover_icon {
    background-position: -76px -825px;
    width: 20px;
}

.see_icon {
    background-position: 0 -875px;
}

.homework_box .gtable {
    margin-top: 10px;
}

/*按钮基本属性*/
.ton {
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 5px;
    vertical-align: middle;
    text-shadow: 0 1px rgba(0, 0, 0, 0.37);
    cursor: pointer;
    font-size: 14px;
    padding: 7px 34px;
}

/*页面按钮 确定*/
.btnX {
    position: relative;
    color: #5f5f5f;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    font-family: "微软雅黑";
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding;
    cursor: default;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
}

    .btnX:hover {
        text-shadow: none;
        border-color: #c6c6c6;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
        background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#fff1f1f1', GradientType=0);
        background-position: 0 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .btnX.active, .btnX:active {
        background-image: none;
        outline: 0;
        background: #e8e8e8;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        background-color: #f4f4f4;
        background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1);
        background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
        background-image: linear-gradient(to bottom, #f6f6f6, #f1f1f1);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#fff1f1f1', GradientType=0);
    }

    .btnX.disabled, .btnX.disabled:hover, .btnX.disabled:active, .btnX.disabled.active, .btnX.disabled:focus, .btnX[disabled], .btnX[disabled]:hover, .btnX[disabled]:active, .btnX[disabled].active, .btnX[disabled]:focus {
        border: 1px solid #dcdcdc;
        background-color: #f3f3f3;
        background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));
        background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
        background-image: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-shadow: none;
    }

/*空白样式*/
.warning {
    margin: 20px 0px;
    padding: 20px;
    font-size: 18px;
    color: #999;
    text-align: center;
    background: #F8F8F8;
}

.dialog-success {
    text-align: center;
    padding-bottom: 20px;
}

    .dialog-success span {
        display: block;
        margin: 0px auto;
        width: 128px;
        height: 128px;
        background: url(img/dialog_success.png) no-repeat;
    }

    .dialog-success p {
        font-size: 20px !important;
        letter-spacing: 2px;
    }

.align-right {
    text-align: right;
}

.dialog-error span {
    background: url(img/dialog_error.png) no-repeat;
}

.dialog-error p {
    color: red !important;
}

/*按钮样式*/
.jc-btn {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #1D6291;
    cursor: pointer;
    word-wrap: break-word;
    font: normal 12px/1.6 Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 3px 12px;
    color: #636363;
    background-color: #ECECEC;
    background-image: -moz-linear-gradient(top, white 0%, #ECECEC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #ECECEC));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    background-image: -ms-linear-gradient(top, white 0%, #ECECEC 100%);
    border-color: #CCC;
}

    .jc-btn:hover {
        background-color: #efefef;
        background-image: -moz-linear-gradient(top,#ECECEC 0%,white 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ECECEC),color-stop(1,white));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC',endColorstr='#fffff',GradientType=0);
        background-image: -ms-linear-gradient(top,#ECECEC 0%,white 100%);
    }

.sendThumbs {
    line-height: 25px;
    padding: 5px;
}

    .sendThumbs span {
        float: left;
        margin-right: 3px;
        position: relative;
        color: rgb(84,84,84);
        white-space: nowrap;
        width: 100%;
        display: block;
        margin-bottom: 3px;
        clear: both;
        background: rgb(246,246,246);
    }

        .sendThumbs span i {
            font-style: normal;
            padding-left: 20px;
        }

        .sendThumbs span b {
            font-weight: normal;
            position: absolute;
            right: 0px;
            top: 0px;
            color: #565656;
        }

            .sendThumbs span b .ckb_download {
                float: left;
                display: inline;
                margin-top: 7px;
                *+margin-top:0px;
                _margin-top: 0px;
            }

    .sendThumbs .sico {
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-position: 0 -1574px;
        *top: 1px;
    }

    .sendThumbs .del {
        line-height: 20px;
        margin-left: 2px;
        padding: 0 3px 2px 3px;
        border-radius: 3px;
    }

        .sendThumbs .del:hover {
            background: #dadada;
            color: #fff;
        }

/* 作业与评测 */
.m-chapterQuizHwItem {
    margin-bottom: 30px;
}

    .m-chapterQuizHwItem .qhTit {
        margin-bottom: 10px;
    }

.f-thide, .f-nowrp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m-chapterQuizHwItem h3 {
    font-size: 1.33em;
}

.m-chapterQuizHwItem h4 {
    font-size: 1.17em;
}

.f-pr {
    position: relative;
}

.f-cb, .g-container {
    zoom: 1;
}

.f-fc9 {
    color: #999;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.u-quizHwListItem {
    border-bottom: 1px solid #E7E9EF;
    cursor: pointer;
}

    .u-quizHwListItem .titleBox {
        padding: 10px 20px;
        background-color: #F8F8F8;
    }

        .u-quizHwListItem .titleBox:hover {
            color: #009999;
        }

        .u-quizHwListItem .titleBox .qhicon, .u-quizHwListItem .titleBox .name, .u-quizHwListItem .titleBox .score {
            line-height: 40px;
            margin-right: 40px;
        }

        .u-quizHwListItem .titleBox .name {
            max-width: 34%;
        }

        .u-quizHwListItem .titleBox .score {
            color: #999;
        }

        .u-quizHwListItem .titleBox .arrow-icon {
            width: 25px;
            height: 40px;
            background: url(img/catalog_close.png) no-repeat 0px center;
        }

            .u-quizHwListItem .titleBox .arrow-icon.open {
                background: url(img/catalog_open.png) no-repeat 0px center;
            }

.m-chapterQuizHwItem .u-btn {
    display: inline-block;
    zoom: 1;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 28px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #009999;
    border-radius: 4px;
    background-color: #009999;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .m-chapterQuizHwItem .u-btn:hover {
        box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.2 );
    }

.u-quizHwInfoItem {
    padding-left: 20px;
}

.u-quizHwListItem .detail {
    padding: 20px 20px 0 20px;
    cursor: default;
    display: none;
}

.u-quizHwInfoItem .infoItem {
    margin-bottom: 20px;
    word-break: break-word;
    word-wrap: break-word;
}

    .u-quizHwInfoItem .infoItem .right {
        margin-left: 40px;
    }

        .u-quizHwInfoItem .infoItem .right.right1 {
            margin-left: 15px;
        }

    .u-quizHwInfoItem .infoItem .gray {
        color: #999;
        margin-top: 5px;
    }

.table-list .icon {
    background: url(img/main.png) no-repeat -9999px -9999px;
    _background: url(img/main_8.png) no-repeat -9999px -9999px;
}

/* gtable */
.table-list {
    padding: 0px 20px;
}

.gtable th {
    padding: 10px 10px;
    color: #999;
    background-color: #f7f7f7;
    border: 1px solid #ededed;
    border-left: 0 none;
    border-right: 0 none;
}

.gtable td {
    height: 19px;
}

.gtable tr.odd td {
    background-color: #f9f9f9;
}

.gtable tr.hover td {
    background-color: #FFF;
}

.gtable tr:hover td,
.gtable tr.active td {
    background: #f0f8fd;
}

.gtable tr.active .setting {
    display: block;
}

.gtable .selected td {
    background-color: #fff9de !important;
}

.gtable td {
    color: #666;
    border-color: #f0f0f0;
    border-bottom: 1px solid #F0F0F0 !important;
}

/* gtable icon */
.table-list .setting {
    text-align: right;
    display: none;
}

.table-list .icon {
    display: inline-block;
    zoom: 1;
    width: 16px;
    height: 16px;
    margin: 0px 10px;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
}

    .table-list .icon.view {
        background-position: -97px -371px;
    }

    .table-list .icon.resefe {
        background-position: -126px -374px;
    }

    .table-list .icon.edit {
        background-position: -155px -374px;
    }

    .table-list .icon.delete {
        background-position: -155px -400px;
    }

    .table-list .icon.success {
        background-position: -71px -371px;
    }

    .table-list .icon.error {
        background-position: -70px -397px;
    }

    .table-list .icon.view:hover {
        background-position: -97px -397px;
    }

    .table-list .icon.resefe:hover {
        background-position: -126px -400px;
    }

    .table-list .icon.edit:hover {
        background-position: -184px -374px;
    }

    .table-list .icon.delete:hover {
        background-position: -184px -400px;
    }

/*编辑后样式*/
.course-catalog ol li ol li a.selected {
    color: #009999;
}

.course-catalog .selected .video {
    background-position: 0px -542px !important;
}

.course-catalog .selected .discuss {
    background-position: 0px -446px !important;
}

.course-catalog .selected .richtext {
    background-position: 0px -477px !important;
}

.course-catalog .selected .test {
    background-position: 0px -412px !important;
}

.course-catalog .selected .doc {
    background-position: 0px -508px !important;
}

/* 课程目录设置 */
.class-section {
    font-family: '宋体';
    font-size: 12px;
    margin-bottom: 22px;
    padding: 22px 14px;
    color: #636569;
    border: 1px solid #ccc;
}

    .class-section .setclass-left {
        float: left;
        width: 280px;
    }

    .class-section .setclass-right {
        float: right;
        width: 560px;
    }

    .class-section .level-1,
    .class-section .level-2,
    .class-section .level-end {
        margin-left: 2em;
        padding-bottom: .8em;
        border-left: 1px solid #d9d9d9;
    }

    .class-section li {
        margin-top: .5em;
        vertical-align: top;
    }

    .class-section .level-1 .class-icon {
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        margin-right: .8em;
        margin-left: -.6em;
        vertical-align: middle;
        background-image: url(img/set-class.png);
        background-repeat: no-repeat;
        background-position: 2px 2px;
    }

    .class-section .open .class-icon {
        background-image: url(img/set-class.png) !important;
        background-position: -11px 2px;
    }

    .class-section .setclass-title {
        font-size: 1.1666667em;
        font-weight: bold;
        margin-bottom: 1em;
    }

    .class-section .open .level-end .class-icon {
        background-image: url(img/set-class.png) !important;
        background-position: -24px 2px;
    }

    .class-section .class-text {
        display: inline-block;
        overflow: hidden;
        width: 14em;
        padding: .4em .3em;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .class-section .current > .class-text {
        color: #fff;
        background: #099;
    }

    .class-section label {
        cursor: pointer;
        float: left;
        overflow: hidden;
        width: 6em;
        margin-right: 1em;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .class-section input[type='radio'],
    .class-section input[type='checkbox'] {
        margin: 0 .6em .2em 0;
        vertical-align: middle;
    }

    .class-section .setclass-panel {
        font-size: 1.166666667em;
        margin-bottom: 2em;
        border: 1px dashed #b3b2b2;
    }

    .class-section .panel-header {
        font-weight: bold;
        padding: .5em 1em;
        border-bottom: 1px dashed #b3b2b2;
    }

    .class-section .panel-body {
        padding: .5em 1em;
    }

.w_form-box .active-solid.work {
    background: url(img/pen.jpg) no-repeat center center;
}

.w_form-box .active-solid.book {
    background: url(img/book.jpg) no-repeat center center;
}

.w_form-box .active-solid.discuss {
    background: url(img/discuss.jpg) no-repeat center center;
}

.w_form-box .active-solid.video {
    background: url(img/M_video.jpg) no-repeat center center;
}

.w_form-box .active-solid.text {
    background: url(img/M_text.jpg) no-repeat center center;
}

.w_form-box .active-dotted.active {
    background: url(img/add-active.jpg) no-repeat center center;
}

/* UPdate 2014-11-19 Ling */
/* 题干设置 */
.Ling-one-box {
    padding: 10px 20px 10px;
}

    .Ling-one-box .questions {
        float: left;
    }

        .Ling-one-box .questions span {
            float: right;
            background: url(img/catalog_open.png) no-repeat;
            width: 13px;
            height: 8px;
            margin-top: 5px;
        }

    .Ling-one-box .difficulty {
        float: left;
        margin-left: 20px;
    }

        .Ling-one-box .difficulty ul {
            border: 1px solid #d9d9d9;
            overflow: hidden;
        }

            .Ling-one-box .difficulty ul li {
                float: left;
                margin-left: -1px;
            }

                .Ling-one-box .difficulty ul li a {
                    padding: 5px 16px 5px;
                    display: block;
                    text-align: center;
                    border-left: 1px solid #DDD;
                }

                    .Ling-one-box .difficulty ul li a:hover,
                    .Ling-one-box .difficulty ul li a.current {
                        background: #009999;
                        color: #fff;
                    }

.Ling-two-box {
    margin-top: 10px;
}

    .Ling-two-box a {
        padding: 20px;
        border: 1px solid #dadada;
        border-bottom: 2px solid #dadada;
        display: block;
        font-size: 14px;
        font-weight: bold;
    }

.Ling-three-box {
    margin-top: 10px;
    position: relative;
}

    .Ling-three-box .stem-left {
        cursor: move;
        width: 9px;
        height: 50px;
        background: url(img/stem_icon_01.png) no-repeat center;
        float: left;
    }

    .Ling-three-box .stem-right {
        background: #f9f9f9;
        margin-left: 20px;
        margin-right: 47px;
        border: 1px solid #dddddd;
        padding: 15px;
        padding-bottom: 0;
        _padding-bottom: 8px;
    }

        .Ling-three-box .stem-right .stem-check {
            float: left;
            vertical-align: middle;
            _margin-top: -3px;
        }

        .Ling-three-box .stem-right a {
            margin-left: 20px;
            display: block;
            padding-bottom: 10px;
        }

    .Ling-three-box .stem-icon a {
        width: 47px;
        height: 51px;
        _height: 54px;
        background: #e6e6e6 url(img/stem_icon_02.png) no-repeat center;
        position: absolute;
        top: 0;
        right: 0;
        _right: 48px;
    }

    .Ling-three-box .stem-add {
        background: #f9f9f9 url(img/stem_icon_03.png) no-repeat 10px 10px;
        border: 1px solid #dddddd;
        padding: 20px 10px 15px 50px;
    }

        .Ling-three-box .stem-add a {
            color: #9d9d9d;
        }

.asks-panel .asks-header {
    margin-bottom: 22px;
}

.asks-panel .asks-search {
    float: left;
    padding: 1px 0;
}

.asks-panel .asks-add-remove {
    float: right;
}

.asks-panel .ask-b {
    position: relative;
    color: #999;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    background: url(./img/icon-ask.png) #fff no-repeat;
    height: 30px;
    width: 42px;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    -webkit-transition: border 0.08s 0.06s;
    -o-transition: border 0.08s 0.06s;
    transition: border 0.08s 0.06s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .ask-b:hover {
        height: 30px;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 1px 1px 2px #ddd;
    }

.asks-panel .asks-header .ask-types {
    background-image: none;
    width: 114px;
}

.asks-panel .asks-header .ask-s-input {
    border: 1px solid #d5d5d5;
    padding: 0 0.5em;
    cursor: text;
    background-image: none;
    width: 264px;
    *height: 20px;
    padding-top: 8px\9;
    font-size: 14px;
    line-height: normal;
}

    .asks-panel .asks-header .ask-s-input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    }

.asks-panel .asks-header .ask-s-submit {
    width: 46px;
    background-position: -5px -5px;
    border: 0;
    font-size: 0;
    line-height: 0;
}

.asks-panel .asks-header .ask-add {
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-position: -4px -285px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-add:hover {
        background-color: #099999;
        background-position: -4px -325px;
    }

.asks-panel .asks-header .ask-remove {
    background-position: -4px -364px;
    width: 50px;
    height: 32px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-remove:hover {
        background-color: #099999;
        background-position: -4px -403px;
    }

.asks-panel .asks-header .ask-import {
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-position: -4px -447px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-import:hover {
        background-color: #099999;
        background-position: -4px -486px;
    }

.asks-panel .asks-header .ask-import-file {
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-position: -4px -525px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-import-file:hover {
        background-color: #099999;
        background-position: -4px -565px;
    }

.asks-panel .asks-header .ask-import-asks {
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-position: -4px -606px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-import-asks:hover {
        background-color: #099999;
        background-position: -4px -646px;
    }

.asks-panel .asks-header .ask-import-all {
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-position: -4px -691px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-import-all:hover {
        background-color: #099999;
        background-position: -4px -731px;
    }

.asks-panel .asks-header .ask-remove-all {
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-position: -4px -770px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-remove-all:hover {
        background-color: #099999;
        background-position: -4px -809px;
    }

.asks-panel .asks-header .ask-import-remod {
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-position: -4px -853px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .asks-header .ask-import-remod:hover {
        background-color: #099999;
        background-position: -4px -896px;
    }

.asks-panel .e-checkbox {
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

    .asks-panel .e-checkbox .ask-i {
        cursor: pointer;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        position: absolute;
        z-index: 1;
        left: -999em;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
    }

.asks-panel .asks-body {
    text-align: left;
}

    .asks-panel .asks-body thead {
        font-size: 14px;
        font-weight: bold;
    }

    .asks-panel .asks-body tr {
        border: 1px solid #d5d5d5;
        line-height: 46px;
    }

    .asks-panel .asks-body tbody {
    }

        .asks-panel .asks-body tbody tr:hover {
            background-color: #f0ffff;
        }

            .asks-panel .asks-body tbody tr.current .col-first, .asks-panel .asks-body tbody tr:hover .col-first {
                background-color: #009999;
            }

    .asks-panel .asks-body .col-first {
        width: 6px;
        *border-left: 1px solid #d5d5d5;
        *border-top: 1px solid #d5d5d5;
        *border-bottom: 1px solid #d5d5d5;
        text-align: left;
        padding: 5px;
    }

    .asks-panel .asks-body .col-center {
        *border-top: 1px solid #d5d5d5;
        *border-bottom: 1px solid #d5d5d5;
        text-align: center;
    }

    .asks-panel .asks-body .col-left {
        *border-top: 1px solid #d5d5d5;
        *border-bottom: 1px solid #d5d5d5;
        text-align: left;
        padding: 5px;
    }

    .asks-panel .asks-body .col-last {
        *border-top: 1px solid #d5d5d5;
        *border-bottom: 1px solid #d5d5d5;
        *border-right: 1px solid #d5d5d5;
        text-align: center;
    }

    .asks-panel .asks-body .type-img.col-first,
    .asks-panel .asks-body .type-img .col-first {
        background: url(./img/icon-img.png) no-repeat;
        background-position: left center;
        color: transparent;
        color: #fff\9;
    }

    .asks-panel .asks-body .ask-res {
        background: url(./img/icon-img.png) no-repeat;
        display: inline-block;
        *display: inline;
        vertical-align: middle;
        height: 30px;
        width: 30px;
        *zoom: 1;
    }

.asks-panel .ask-eye {
    background-position: -7px -45px;
    font-size: 0;
    line-height: 0;
    border-radius: 3px;
    margin-right: 6px;
}

    .asks-panel .ask-eye:hover {
        background-position: -7px -86px;
    }

.asks-panel .ask-check {
    background-position: -9px -208px;
    font-size: 0;
    line-height: 0;
    border-radius: 3px;
}

    .asks-panel .ask-check:hover {
        background-position: -9px -247px;
        font-size: 0;
        line-height: 0;
    }

.asks-panel .ask-publish {
    background: url(./img/gb_icon.png) no-repeat -26px -1px;
}

    .asks-panel .ask-publish:hover {
        background-position: 3px -1px;
    }

.asks-panel .ask-edit {
    background-position: -6px -127px;
    font-size: 0;
    line-height: 0;
    border-radius: 3px;
}

.asks-panel .ask-check span {
    font-size: 12px;
    background: #d44944;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    left: 80%;
    top: -6px;
    line-height: 15px;
    padding: 0 3px;
    text-align: center;
    white-space: normal;
}

.asks-panel .ask-edit:hover {
    background-position: -6px -168px;
    font-size: 0;
    line-height: 0;
}

.asks-panel .ask-unpublish {
    background-position: -63px -46px;
    font-size: 0;
    line-height: 0;
    border-radius: 3px;
    margin-right: 6px;
}

    .asks-panel .ask-unpublish:hover {
        background-position: -63px -82px;
    }

.asks-panel .ask-remove {
    background-position: -4px -364px;
    width: 50px;
    height: 32px;
    font-size: 0;
    line-height: 0;
}

    .asks-panel .ask-remove:hover {
        background-color: #099999;
        background-position: -4px -403px;
    }

/*.asks-panel .col-2 label{ position: relative;display:inline-block;width:20px;height:20px;*display:inline;*zoom:1 }
.asks-panel .col-2 label input[type='checkbox'] { position: absolute; left: 0px; bottom: -6px; *bottom:0px;}
.asks-panel input[type='checkbox'] { margin-top: 5px; border: 1px #D5D5D5 solid; -webkit-appearance: none; width: 15px; height: 15px; }
.asks-panel input[type='checkbox']:checked::before { /* -webkit-user-select: none;  background-image: url(''); background-size: 100% 100%; content: ''; display: block; height: 100%; width: 100%; }*/

.asks-panel .ask-i {
    width: 15px;
    width: 16px\9;
    height: 15px;
    height: 16px\9;
    padding: 0;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.25);
    border: 0\9;
    background-color: #fff;
    -webkit-appearance: none;
}

    .asks-panel .ask-i:checked:before {
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        -webkit-user-select: none;
        background-image: url('');
        background-size: 100% 100%;
    }

.asks-panel .sort {
    display: inline-block;
    width: 12px;
    height: 1em;
    margin: 0 .5em;
    vertical-align: middle;
    border: 1px solid #fff;
    background: url(./img/forum_icon.png) no-repeat;
    background-position: 2px 0;
    *display: inline;
    *zoom: 1;
}

    .asks-panel .sort:hover {
        border: 1px solid #d5d5d5;
    }

.asks-panel .sort-up {
    background-position: -18px 0;
}

.asks-panel .sort-down {
    background-position: -36px 0;
}

.e-dialog {
    background: #fff;
}

    .e-dialog .dialog-header {
        line-height: 40px;
        color: #fff;
        background: #099;
    }

    .e-dialog .dialog-content {
        font-size: 14px;
        padding: 21px 39px 0;
        color: #808080;
    }

    .e-dialog .fieldset-list .form-group {
        margin: 0;
    }

        .e-dialog .fieldset-list .form-group .text {
            padding: 0;
            vertical-align: middle;
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .e-dialog .fieldset-list .form-group label {
            vertical-align: middle;
        }

        .e-dialog .fieldset-list .form-group .cols {
            margin-bottom: 16px;
            margin-left: 0;
        }

        .e-dialog .fieldset-list .form-group .hw-desc {
            position: relative;
            min-height: 80px;
            border: 1px solid #dedede;
            background: #f6f6f6;
        }

        .e-dialog .fieldset-list .form-group .hw-add-desc {
            background: url(./img/add_block.jpg) no-repeat;
            background: url(./img/add_block_ieold.jpg) no-repeat\9;
            background-size: 36px;
            background-position: left center;
            position: absolute;
            top: 50%;
            left: 50%;
            height: 36px;
            line-height: 36px;
            margin-left: -100px;
            margin-top: -13px;
            width: 200px;
            text-align: center;
        }

        .e-dialog .fieldset-list .form-group .hw-i {
            box-sizing: border-box;
            width: 100%;
            *width: 695px;
            height: 31px;
            line-height: 31px\9;
            margin: 0;
            padding: 0.2em 1em;
            border-top: 2px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 2px solid #ccc;
            border-left: 1px solid #ccc;
        }

        .e-dialog .fieldset-list .form-group .date-i, .e-dialog .fieldset-list .form-group .time-i, .e-dialog .fieldset-list .form-group .score-i {
            height: 30px;
            line-height: 30px\9;
            margin-left: 5px;
            border: 1px solid #ddd;
            text-align: center;
        }

        .e-dialog .fieldset-list .form-group .date-i {
            width: 14em;
        }

        .e-dialog .fieldset-list .form-group .time-i {
            width: 3.6em;
        }

        .e-dialog .fieldset-list .form-group .score-i {
            width: 6em;
        }

        .e-dialog .fieldset-list .form-group .start-date, .e-dialog .fieldset-list .form-group .end-date {
            float: left;
            margin-left: 11px;
            margin-bottom: 10px;
        }

        .e-dialog .fieldset-list .form-group .total-score {
            float: right;
        }

            .e-dialog .fieldset-list .form-group .total-score span {
                line-height: 34px;
                color: #d34b49;
            }

        .e-dialog .fieldset-list .form-group .ask-i {
            width: 15px;
            width: 16px\9;
            height: 15px;
            height: 16px\9;
            padding: 0;
            vertical-align: middle;
            border: 1px solid rgba(0,0,0,.25);
            border: 0\9;
            background-color: #fff;
            -webkit-appearance: none;
        }

            .e-dialog .fieldset-list .form-group .ask-i:checked:before {
                display: block;
                width: 100%;
                height: 100%;
                content: '';
                -webkit-user-select: none;
                background-image: url('');
                background-size: 100% 100%;
            }

        .e-dialog .fieldset-list .form-group .sort {
            display: inline-block;
            width: 12px;
            height: 1em;
            margin: 0 .5em;
            vertical-align: middle;
            border: 1px solid #fff;
            background: url(./img/forum_icon.png) no-repeat;
            background-position: 2px 0;
            *display: inline;
            *zoom: 1;
        }

            .e-dialog .fieldset-list .form-group .sort:hover {
                border: 1px solid #d5d5d5;
            }

        .e-dialog .fieldset-list .form-group .sort-up {
            background-position: -18px 0;
        }

        .e-dialog .fieldset-list .form-group .sort-down {
            background-position: -36px 0;
        }

        .e-dialog .fieldset-list .form-group .add-remove {
            float: right;
            margin-right: 2px;
        }

            .e-dialog .fieldset-list .form-group .add-remove .e-b {
                position: relative;
                font-size: 0;
                line-height: 0;
                display: inline-block;
                width: 64px;
                height: 32px;
                margin-top: 2px;
                margin-left: 10px;
                text-align: center;
                vertical-align: top;
                border: 1px solid rgba(217, 217, 217,0.6);
                ;
                background: url(./img/icon-ask.png) #fff no-repeat;
                border-radius: 2px;
                *display: inline;
                *zoom: 1;
            }

                .e-dialog .fieldset-list .form-group .add-remove .e-b:hover {
                    background-color: #099;
                }

            .e-dialog .fieldset-list .form-group .add-remove .e-add {
                background-position: 4px -284px;
            }

                .e-dialog .fieldset-list .form-group .add-remove .e-add:hover {
                    background-position: 4px -324px;
                }

            .e-dialog .fieldset-list .form-group .add-remove .e-remove {
                background-position: 4px -364px;
            }

                .e-dialog .fieldset-list .form-group .add-remove .e-remove:hover {
                    background-position: 4px -403px;
                }

        .e-dialog .fieldset-list .form-group .e-submit {
            width: 141px;
            height: 41px;
            background: #099;
            border: 0;
            color: #fff;
            font-size: 14px;
        }

        .e-dialog .fieldset-list .form-group .ask-row-td {
            height: 35px;
            width: 280px;
            line-height: 35px;
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
        }

        .e-dialog .fieldset-list .form-group .ask-i-td {
            width: 34px;
            height: 25px;
            text-align: center;
            margin: 0 12px;
        }

        .e-dialog .fieldset-list .form-group .ask-move {
            background: #fff url(./img/move.jpg) center center no-repeat;
            display: inline-block;
            height: 47px;
            width: 31px;
            vertical-align: bottom;
        }

        .e-dialog .fieldset-list .form-group .ask-remove {
            background: url(./img/icon-ask.png) no-repeat;
            background-position: 4px -179px;
            display: inline-block;
            width: 46px;
            height: 100%;
        }

            .e-dialog .fieldset-list .form-group .ask-remove:hover {
                background-color: #dbf2f2;
            }

    .e-dialog table {
        width: 100%;
        background: #f9f9f9;
        font-weight: bold;
        font-family: "宋体";
        font-size: 14px;
    }

    .e-dialog thead {
        font-size: 14px;
        font-weight: bold;
        background: #fff;
    }

    .e-dialog tr {
        line-height: 46px;
    }

    .e-dialog tbody tr:hover {
        background-color: #f0ffff;
    }

        .e-dialog tbody tr:hover .col-prehis {
            background: #fff;
        }

        .e-dialog tbody tr.current .col-first, .e-dialog tbody tr:hover .col-first {
            background-color: #099;
        }

    .e-dialog .col-prehis {
        width: 31px;
        background: #fff;
    }

    .e-dialog .col-first {
        width: 5px;
        border-left: 1px solid #d5d5d5;
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        text-align: left;
    }

    .e-dialog .col-center {
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        text-align: center;
    }

    .e-dialog .col-left {
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        text-align: left;
    }

    .e-dialog .col-right {
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        text-align: right;
        height: 1%;
    }

    .e-dialog .col-last {
        border-top: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        border-right: 1px solid #d5d5d5;
        text-align: left;
    }

    .e-dialog .tab-nav {
        position: relative;
    }

    .e-dialog .tab-nav-g {
        float: left;
    }

    .e-dialog .tab-left {
        float: left;
        width: 254px;
        position: relative;
        z-index: 2;
    }

    .e-dialog .tab-right {
        background: #f7f7f7;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        *width: 100%;
        *position: absolute;
        *left: 0;
        *top: 0;
        *z-index: 1;
        *zoom: 1;
    }

        .e-dialog .tab-right.clear-gb {
            border: 0;
            background: #fff;
        }

    .e-dialog .tab-nav .tab-nav-b {
        float: left;
        width: 127px;
        text-align: center;
    }

    .e-dialog .tab-nav .current {
        position: relative;
        border-top: 2px solid #d34b49;
        background: #fff;
    }

        .e-dialog .tab-nav .current:before {
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: 0;
            left: 60px;
            width: 0;
            height: 0;
            content: ' ';
            border-top: 4px solid #d34b49;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }

    .e-dialog .tab-content .content {
        min-height: 56px;
        padding-top: 7px;
        _height: 56px;
    }

    .e-dialog .tab-nav-g, .e-dialog .fieldset-list .form-group .add-remove {
        line-height: 39px;
        height: 39px;
    }

    .e-dialog .dialog-status {
        color: #000;
        padding: 0 36px;
        background: #eee;
        height: 29px;
        line-height: 29px;
        vertical-align: middle;
    }

    .e-dialog .icon-status {
        background: url(./img/icon-info.png) no-repeat;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 4px;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
    }

.rangeslider {
    height: 44px;
    line-height: 44px;
}

    .rangeslider .slidertitle {
        vertical-align: middle;
    }

    .rangeslider .slider {
        width: 400px;
        display: inline-block;
        height: 15px;
        background-color: #cecece;
        vertical-align: middle;
        border: 1px solid #aaaaaa;
    }

    .rangeslider .sliderdesc {
        vertical-align: middle;
    }

.c-d34b49 {
    color: #d34b49 !important;
}

.add-ask-panel {
    display: none;
    z-index: 999;
    border: 1px solid #CCC;
    width: 80px;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    position: absolute;
    top: 35px;
    left: 0;
    background-color: #FFF;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
}

    .add-ask-panel ul li {
        border-bottom: 1px solid #e0e0e0;
        *line-height: 1;
    }

        .add-ask-panel ul li a {
            text-indent: 10px;
            display: block;
            border: 0 none;
            width: 100%;
            padding: 0 !important;
            height: 25px;
            line-height: 25px;
            font-weight: normal;
        }

            .add-ask-panel ul li a:hover {
                background-color: #dff;
            }

.stem-checkbox .ask-i {
    width: 15px;
    width: 16px\9;
    height: 15px;
    height: 16px\9;
    padding: 0;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.25);
    border: 0\9;
    background-color: #fff;
    -webkit-appearance: none;
}

    .stem-checkbox .ask-i:checked:before {
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        -webkit-user-select: none;
        background-image: url('');
        background-size: 100% 100%;
    }

.Ling-three-box .stem-right a {
    margin-left: 0px;
}

.stem-checkbox {
    float: left;
    width: 20px;
}

.stem-cont {
    margin-left: 25px;
    padding-left: 0px;
}

    .stem-cont a {
        padding-top: 5px;
    }

.Ling-three-box .Ling-input-wrap {
    float: left;
    width: 49.9%;
}

    .Ling-three-box .Ling-input-wrap .Ling-input-box {
        margin: 0px 15px 0px 0px;
        padding-left: 45px;
        border: 1px solid #DDD;
        border-left-width: 2px;
        border-bottom-width: 2px;
        height: 45px;
        line-height: 45px;
        background: url(img/input_radio_bg.png) no-repeat 10px center;
        font-size: 16px;
        cursor: pointer;
    }

        .Ling-three-box .Ling-input-wrap .Ling-input-box.checked {
            background: url(img/input_radio_checked_bg.png) no-repeat 10px center;
        }

    .Ling-three-box .Ling-input-wrap .box-mr {
        margin: 0px 0px 0px 15px;
    }

.Ling-three-box .Ling-item-list {
    margin-bottom: 10px;
}

    .Ling-three-box .Ling-item-list .Ling-item-number {
        background-color: #f9f9f9;
        float: left;
        width: 62px;
        height: 45px;
        border: 1px solid #DDD;
        border-right: 0 none;
        border-bottom-width: 2px;
        text-align: center;
        line-height: 45px;
        font-family: "Microsoft Yahei";
        font-size: 16px;
        font-style: italic;
        font-weight: bold;
        color: #666;
    }

    .Ling-three-box .Ling-item-list .Ling-item-main {
        margin-left: 63px;
        border: 1px solid #DDD;
        border-bottom-width: 2px;
    }

        .Ling-three-box .Ling-item-list .Ling-item-main .Ling-item-header {
            height: 45px;
            line-height: 45px;
            padding-left: 30px;
            color: #808080;
            cursor: pointer;
        }

        .Ling-three-box .Ling-item-list .Ling-item-main .Ling-item-body {
            min-height: 45px;
        }

            .Ling-three-box .Ling-item-list .Ling-item-main .Ling-item-body .edit {
                padding-left: 30px;
                display: block;
                line-height: 45px;
                height: 45px;
                color: #808080;
            }

.Ling-three-box .hw-desc {
    position: relative;
    min-height: 80px;
    border: 1px solid #dedede;
    background: #f6f6f6;
}

    .Ling-three-box .hw-desc .hw-add-desc {
        background: url(img/add_block.jpg) no-repeat;
        background-size: 36px;
        background-position: left center;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 36px;
        line-height: 36px;
        margin-left: -100px;
        margin-top: -13px;
        width: 200px;
        text-align: center;
    }

.fillbox {
    display: inline-block;
    zoom: 1;
    padding: 5px 10px;
    font-size: 12px !important;
    box-shadow: none !important;
    background: #009999;
    color: #FFF;
    border: 0 none;
    margin: 0px;
}

/*查看作业*/
.e-twill {
    height: 10px;
    background: #fff url(./img/Twill.png) -12px 0 repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.e-wrap {
    width: 1126px;
    margin: 110px auto;
}

    .e-wrap .e-back {
        text-align: right;
    }

        .e-wrap .e-back .e-back-i {
            width: 50px;
            height: 30px;
            background: #099999;
            display: inline-block;
            color: #fff;
            text-align: center;
            line-height: 30px;
        }

    .e-wrap .right-all {
        width: 292px;
        background-color: #f6f6f6;
        border: 1px solid #dddcdc;
        min-height: 840px;
        _height: 840px;
    }

        .e-wrap .right-all .right-inner {
            width: 238px;
            padding-bottom: 50px;
            background-color: #efefef;
            margin-top: 2px;
            margin-bottom: 2px;
            margin-right: auto;
            margin-left: auto;
            padding-left: 50px;
            padding-top: 50px;
        }

    .e-wrap .left-all {
        position: relative;
        width: 813px;
        float: left;
        margin-left: 17px;
        min-height: 840px;
        _height: 840px;
    }

        .e-wrap .left-all .left-inner-header {
            overflow: hidden;
            background: #fff url(./img/Twill.png) -12px 0 repeat;
        }

        .e-wrap .left-all .left-inner-content {
            padding: 40px 50px;
            background: url(./img/emc2.jpg) #fff center 78% no-repeat;
            padding-bottom: 360px;
        }

    .e-wrap .h-state {
        font-size: 14px;
        border-left: 1px solid #c9c8c8;
        margin-left: auto;
        margin-right: auto;
    }

    .e-wrap .h-li {
        line-height: 36px;
    }

    .e-wrap .h-s {
        vertical-align: middle;
    }

        .e-wrap .h-s .h-icon {
            margin-left: -11px;
            background: url(./img/uncheck.png) 0 0 no-repeat;
            width: 21px;
            display: inline-block;
            height: 21px;
            vertical-align: middle;
        }

        .e-wrap .h-s .h-text {
            width: 194px;
            margin-left: 26px;
            display: inline-block;
            border-bottom: 1px solid #e1e6ec;
            vertical-align: middle;
        }

        .e-wrap .h-s:hover .h-text {
            font-size: 15px;
            font-weight: bold;
        }

    .e-wrap .h-state .active .h-icon {
        background-image: url(./img/checked.png);
    }

    .e-wrap .h-state .active .h-text {
        font-size: 15px;
        font-weight: bold;
    }

    .e-wrap .exam-stus {
        width: 260px;
        margin-left: auto;
        margin-right: auto;
    }

    .e-wrap .exam-header {
        background-color: #fff;
        height: 130px;
        margin: 10px 0;
    }

        .e-wrap .exam-header .exam-Ph {
            width: 130px;
            height: 130px;
            display: inline-block;
            vertical-align: middle;
            *display: inline;
            *zoom: 1;
        }

        .e-wrap .exam-header .exam-Tx {
            display: inline-block;
            vertical-align: middle;
            margin-left: 6px;
            line-height: 1.68;
            *display: inline;
            *zoom: 1;
        }

.exam-stus .stu-i {
    display: block;
    margin: 4px 0;
    position: relative;
}

.exam-stus .avg-s {
    background-color: #099999;
    border-radius: 6px;
    line-height: 39px;
    text-align: center;
    font-size: 14px;
    color: #404040;
    -webkit-box-shadow: 0 3px 0 #107373;
    box-shadow: 0 3px 0 #107373;
    margin: 13px 0;
}

    .exam-stus .avg-s .a-t {
        margin-right: 15px;
    }

    .exam-stus .avg-s .a-t,
    .exam-stus .a-s {
        color: #fff;
    }

.exam-stus .stu-l {
    width: 60%;
}

.exam-stus .stu-r {
    width: 30%;
    padding-right: 10%;
    text-align: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -21px;
}

.exam-stus .stu-l,
.exam-stus .stu-r {
    float: left;
}

.exam-stus .stu-avatar {
    margin: 6px 15px;
    width: 32px;
    height: 30px;
    overflow: hidden;
}

.exam-stus .stu-score {
    line-height: 42px;
    min-width: 2em;
    text-align: center;
    position: relative;
    padding-right: 4px;
}

.exam-stus .stu-avatar,
.exam-stus .stu-name,
.exam-stus .stu-score {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.exam-stus .stu-i .stu-name {
    font-weight: bold;
    font-size: 13px;
    max-width: 72px;
    text-align: center;
    overflow: hidden;
}

.exam-stus .stu-i,
.exam-stus .stu-i .stu-l,
.exam-stus .stu-i .stu-name {
    -webkit-transition: all .01s .04s ease-in-out;
    -o-transition: all .01s .04s ease-in-out;
    transition: all .01s .04s ease-in-out;
}

    .exam-stus .stu-i:hover,
    .exam-stus .stu-i.active {
        background-color: #e2e2e2;
    }

        .exam-stus .stu-i:hover .stu-l,
        .exam-stus .stu-i.active .stu-l {
            background-color: #099999;
        }

        .exam-stus .stu-i:hover .stu-name,
        .exam-stus .stu-i.active .stu-name {
            color: #fff;
        }

    .exam-stus .stu-i .stu-hi,
    .exam-stus .stu-i .stu-fa {
        font-family: '微软雅黑';
        font-size: 14px;
        font-weight: bold;
        color: #099999;
        font-style: italic;
    }

    .exam-stus .stu-i .stu-fa {
        color: #aa2121;
    }

        .exam-stus .stu-i .stu-hi:after,
        .exam-stus .stu-i .stu-fa:after {
            content: ' ';
            display: block;
            width: 25px;
            height: 8px;
            position: absolute;
            background-repeat: no-repeat;
            background-position: center;
            bottom: 6px;
            right: 4px;
        }

.exam-content {
    font-size: 14px;
}

    .exam-content .exam-files {
        margin-top: 32px;
    }

.exam-files-g {
    margin-right: -5%;
    overflow: hidden;
    margin-top: 10px;
}

    .exam-files-g .file-i {
        width: 20%;
        margin-right: 4.7%;
        margin-bottom: 4.7%;
        float: left;
        text-align: center;
        border: 1px solid #dddcdc;
        border-radius: 6px;
        -webkit-transition: opacity .01s .2s;
        -o-transition: opacity .01s .2s;
        transition: opacity .01s .2s;
    }

        .exam-files-g .file-i:hover {
            opacity: .6;
            filter: alpha(opacity=60);
        }

        .exam-files-g .file-i .file-m {
            width: 136px;
            height: 98px;
            display: inline-block;
        }
/*查看作业 结束*/

/* fraction-group */
.e-wrap .left-all .left-inner-header {
    position: relative;
}

.e-wrap .left-all .left-inner-content {
    padding-bottom: 40px;
    background: none;
}

.e-wrap .left-all .exam-content-null {
    background: url(./img/emc2.jpg) no-repeat center center;
    height: 360px;
}

.fraction-group {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 140px;
    height: 50px;
    background: #FFF url(img/fraction.png) no-repeat right bottom;
}

    .fraction-group .fraction-input {
        color: red;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        font-family: 'Constantia', Georgia;
        width: 75px;
        border: 1px solid #DDD;
        border-radius: 4px;
        background: #FFF;
        padding: 7px 10px;
    }

.exam-content-list {
    padding-top: 20px;
    border-top: 1px dashed #DDD;
}

    .exam-content-list .exam-list-title {
        text-align: right;
    }

        .exam-content-list .exam-list-title span {
            display: inline-block;
            *zoom: 1;
            width: 71px;
            height: 25px;
            line-height: 25px;
            color: #FFF;
            text-align: center;
            background: url(./img/exam_content_ist_bg.png) no-repeat;
        }

    .exam-content-list .comment-list {
        padding: 0px;
        padding-top: 10px;
    }

        .exam-content-list .comment-list ul li .thumb {
            width: 40px;
            height: 40px;
            box-shadow: none;
        }

        .exam-content-list .comment-list ul li h3 {
            margin-bottom: 5px;
        }

        .exam-content-list .comment-list ul li .comment-article {
            margin-left: 60px;
            min-height: 60px;
        }

        .exam-content-list .comment-list ul li {
            border: 0 none;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

/* jQuery UI Button */
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    border-radius: 0px;
    outline: 0;
    background-color: #009999;
    background-image: none;
    filter: none;
}

    .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:active {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

.ui-dialog-buttonset .ui-button:nth-child(2) {
    background-color: #FFF;
}

    .ui-dialog-buttonset .ui-button:nth-child(2):hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

/*添加视频*/
.e-video-dialog {
    width: 100%;
}

    .e-video-dialog .dialog-header {
        line-height: 40px;
        color: #fff;
        background: #099;
    }

    .e-video-dialog .dialog-content {
        font-size: 14px;
        padding: 26px 0;
        color: #999;
    }

    .e-video-dialog .fieldset-list .form-group {
        margin: 0;
    }

        .e-video-dialog .fieldset-list .form-group .text {
            padding: 0;
            vertical-align: middle;
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .e-video-dialog .fieldset-list .form-group label {
            vertical-align: middle;
        }

        .e-video-dialog .fieldset-list .form-group .e-l {
            margin-left: 16px;
            display: inline-block;
            position: relative;
        }

        .e-video-dialog .fieldset-list .form-group .cols {
            margin-bottom: 16px;
            margin-left: 0;
        }

        .e-video-dialog .fieldset-list .form-group .e-video-i {
            height: 33px;
            line-height: 33px\9;
            padding: 0 1em;
            padding-right: 80px;
            width: 320px;
            margin-right: 16px;
        }

        .e-video-dialog .fieldset-list .form-group .e-b {
            font-size: 14px;
            margin-right: 10px;
            display: inline-block;
            line-height: 35px;
            color: #404040;
            padding: 0 1.5em;
            *display: inline;
            *zoom: 1;
            background: #e5e5e5;
            vertical-align: middle;
        }

            .e-video-dialog .fieldset-list .form-group .e-b:hover {
                background-color: #099;
                color: #fff;
            }

        .e-video-dialog .fieldset-list .form-group .e-rename {
            position: absolute;
            right: 17px;
            bottom: 1px;
            margin-right: 0;
            height: 33px;
            padding: 0 .9em;
        }

    .e-video-dialog .dialog-status {
        color: #808080;
        padding: 26px 36px;
        background: #f8f8f8;
        vertical-align: middle;
    }

    .e-video-dialog .icon-status {
        background: url(./img/icon-info.png) no-repeat;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 4px;
        vertical-align: middle;
    }

/*时间轴*/
.e-time-line {
    height: 52px;
    padding-top: 12px;
    position: relative;
}

    .e-time-line .e-line-g {
        width: 100%;
        cursor: none;
        padding: 5px 0;
    }

        .e-time-line .e-line-g .e-line-in {
            background-color: #c9c9c9;
            width: 100%;
            position: relative;
        }

        .e-time-line .e-line-g:hover {
            cursor: url(./img/cursor_none.cur);
        }

            .e-time-line .e-line-g:hover .e-add-step {
                display: block;
            }

    .e-time-line .e-line-i {
        height: 5px;
        background: #099;
    }

    .e-time-line .e-line-apit {
        margin-top: -16px;
        position: relative;
    }

        .e-time-line .e-line-apit .e-step {
            display: inline-block;
            text-align: center;
            *display: inline;
            *zoom: 1;
            width: 18px;
            *width: 14px;
            z-index: 1;
        }

            .e-time-line .e-line-apit .e-step:before {
                content: '';
                width: 14px;
                height: 14px;
                display: block;
                display: none\9;
                background: #fff;
                border: 2px solid #099;
                border-radius: 14px;
                margin-left: auto;
                margin-right: auto;
            }

            .e-time-line .e-line-apit .e-step.active,
            .e-time-line .e-line-apit .e-step:hover {
                z-index: 999;
            }

                .e-time-line .e-line-apit .e-step.active:before,
                .e-time-line .e-line-apit .e-step:hover:before {
                    border-color: #f60;
                }

            .e-time-line .e-line-apit .e-step .ie-old {
                display: none;
                width: 17px\9;
                height: 17px\9;
                display: block\9;
                background: url(./img/v-uncheck.png) #fff no-repeat\9;
                margin-left: auto\9;
                margin-right: auto\9;
            }

            .e-time-line .e-line-apit .e-step.active .ie-old,
            .e-time-line .e-line-apit .e-step:hover .ie-old {
                background: url(./img/v-check.png) #fff no-repeat\9;
            }

            .e-time-line .e-line-apit .e-step.active .e-apit,
            .e-time-line .e-line-apit .e-step:hover .e-apit {
                color: #f60;
                background-color: #fff;
            }

        .e-time-line .e-line-apit .e-apit {
            margin-left: -70%;
            padding: 0 4px;
        }

    .e-time-line .e-add-step {
        display: none;
        margin-top: -5px;
        position: absolute;
        z-index: 9999;
    }

        .e-time-line .e-add-step .e-step-g {
            margin-left: auto;
            margin-right: auto;
        }

        .e-time-line .e-add-step .e-step-title {
            position: relative;
            width: 67px;
            height: 27px;
            background-color: #195A5A;
            color: #fff;
            text-align: center;
            line-height: 27px;
            border-radius: 3px;
            margin-top: 8px;
            margin-left: -17px;
        }

            .e-time-line .e-add-step .e-step-title:before {
                position: absolute;
                content: '';
                width: 0;
                height: 0;
                border-bottom: 5px solid #195A5A;
                border-right: 6px solid transparent;
                border-left: 6px solid transparent;
                top: -5px;
                left: 14px;
            }

        .e-time-line .e-add-step .step-h {
            width: 24px;
            height: 3px;
            background: #195A5A;
            margin-left: -10px;
            border-bottom: 1px solid #195A5A;
            border-top: 1px solid #195A5A;
        }

        .e-time-line .e-add-step .step-v {
            height: 24px;
            width: 3px;
            background: #195A5A;
            margin-top: -14px;
            border-left: 1px solid #195A5A;
            border-right: 1px solid #195A5A;
        }
/*时间轴 结束*/
/*添加tooltips样式*/
.e-line-tooltips .e-tooltips-t {
    width: 8.4em;
    text-align: center;
    background: #099;
    color: #fff;
    padding: .4em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    position: relative;
}

    .e-line-tooltips .e-tooltips-t:after {
        content: '\20';
        display: block;
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-top: 5px solid #099;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        bottom: -5px;
        left: 50%;
        margin-left: -6px;
    }

.e-remove-step {
    margin-top: 40px;
}

    .e-remove-step .e-rm-i {
        width: 47px;
        height: 43px;
        background: #c8c8c8 url(./img/garbage.png) center no-repeat;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .e-remove-step .e-rm-open {
        background-image: url(./img/garbagecan.png);
        background-position: 1px center;
    }
/*添加tooltips样式*/
/*添加视频 结束*/

/*添加随堂作业*/
.e-quiz-g {
    margin: 14px;
    padding-top: 23px;
    border-top: 1px dashed #dfdfdf;
}

.e-quiz .quiz-q {
    font-family: '宋体';
    font-size: 14px;
    font-weight: bold;
    color: #404040;
    float: left;
    margin-top: 8px;
    overflow: hidden;
    height: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.e-quiz .quiz-i {
    padding-right: 111px;
    *padding-right: 108px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 10px;
    padding-left: 87px;
}

    .e-quiz .quiz-i .quiz-op {
        float: right;
        margin-right: -106px;
        margin-right: -99px\9;
        *margin-right: -111px;
    }

        .e-quiz .quiz-i .quiz-op .e-b {
            background-image: url(./img/icon-ask_back.png) !important;
            background-color: #f5f5f5;
            background-repeat: no-repeat;
            width: 50px;
            height: 34px;
            font-size: 0;
            line-height: 0;
            border-left: 1px solid #ddd;
            margin-right: -5px;
        }

            .e-quiz .quiz-i .quiz-op .e-b:hover {
                background-color: #fff;
            }

        .e-quiz .quiz-i .quiz-op .quiz-edit {
            background-position: 0 -100px;
        }

            .e-quiz .quiz-i .quiz-op .quiz-edit:hover {
                background-position: 0 -133px;
            }

        .e-quiz .quiz-i .quiz-op .quiz-remv {
            background-position: 0 -230px;
        }

            .e-quiz .quiz-i .quiz-op .quiz-remv:hover {
                background-position: 0 -263px;
            }

    .e-quiz .quiz-i .quiz-content {
        margin-top: 34px;
        margin-right: -111px;
        border-top: 1px solid #ddd;
        padding: 1em;
    }

.quiz-rate {
    border-left: 1px solid #ddd;
    width: 72px;
    margin-left: -88px;
    float: left;
    height: 26px;
    padding-left: 7px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #ddd;
    padding-top: 8px;
}

.quiz-easy {
    border-left: 4px solid #19b164;
    padding-left: 4px;
}

.quiz-normal {
    border-left: 4px solid #66aad1;
    padding-left: 4px;
}

.quiz-hard {
    border-left: 4px solid #de7474;
    padding-left: 4px;
}
/*添加随堂作业 结束*/

.e-o {
    border: 0;
    background: none;
}

.e-s-g {
    border: 1px solid #d8d8d8;
    background: #f9f9f9;
}

    .e-s-g .e-i-header {
        position: relative;
        overflow: hidden;
        background: #fff url("/study/css/img/Twill.png") -12px 0 repeat;
    }

    .e-s-g .e-i-content {
        padding: 19px 10px;
    }
    /*头部增加*/
    .e-s-g .e-i-paper {
        padding: 10px;
        background-color: #fff;
        overflow: hidden;
    }

        .e-s-g .e-i-paper .e-paper-wp {
            margin-right: -35px;
        }

        .e-s-g .e-i-paper .e-paper-score,
        .e-s-g .e-i-paper .e-paper-answer {
            width: 41%;
            margin-right: 30px;
            border: 1px solid #e3e3e3;
            border-radius: 4px;
            float: left;
            padding: 10px 20px;
            box-shadow: 0px 1px 2px 3px #f8f8f8;
        }

        .e-s-g .e-i-paper .e-paper-t {
            font-size: 14px;
            color: #999;
        }

        .e-s-g .e-i-paper .e-score-t,
        .e-s-g .e-i-paper .e-answer-t {
            font-family: 'Arial';
            font-size: 30px;
            color: #ec3600;
            text-align: center;
            margin-bottom: 6px;
        }

        .e-s-g .e-i-paper .e-answer-t {
            color: #099;
        }

        .e-s-g .e-i-paper .e-sub-t {
            font-size: 14px;
            display: inline-block;
            margin-left: 4px;
            font-weight: bold;
        }

.e-i-paper .e-rail {
    height: 4px;
    background-color: #dedede;
}

.e-i-paper .e-rail-i {
    height: 4px;
    background-color: #099;
}
/*头部增加 结束*/
.e-s-g .h-state {
    font-size: 14px;
    border-left: 1px solid #c9c8c8;
    margin-left: auto;
    margin-right: auto;
}

.e-s-g .h-li {
    line-height: 36px;
}

.e-s-g .h-s {
    vertical-align: middle;
}

    .e-s-g .h-s .h-icon {
        margin-left: -11px;
        background: url(./img/uncheck.png) 0 0 no-repeat;
        width: 21px;
        display: inline-block;
        height: 21px;
        vertical-align: middle;
    }

    .e-s-g .h-s .h-text {
        width: 194px;
        margin-left: 26px;
        display: inline-block;
        border-bottom: 1px solid #e1e6ec;
        vertical-align: middle;
    }

.e-s-g .h-state .active .h-icon {
    background-image: url(./img/checked.png);
}

.e-s-g .exam-stus {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
}

.e-s-g .exam-header {
    background-color: #fff;
    height: 130px;
    margin: 10px 0;
}

    .e-s-g .exam-header .exam-Ph {
        width: 130px;
        height: 130px;
        display: inline-block;
        vertical-align: middle;
        *display: inline;
        *zoom: 1;
    }

    .e-s-g .exam-header .exam-Tx {
        display: inline-block;
        vertical-align: middle;
        margin-left: 6px;
        line-height: 1.68;
        *display: inline;
        *zoom: 1;
    }

.e-b-g,
.e-c-g {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    *display: inline;
    *zoom: 1;
}

    .e-b-g .e-b {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        color: #737373;
        padding: 6px 34px;
    }

        .e-b-g .e-b.active,
        .e-b-g .e-b:hover {
            color: #fff;
            background-color: #099;
            border-radius: 24px;
        }

    .e-c-g .e-c {
        width: 15px;
        width: 16px\9;
        height: 15px;
        height: 16px\9;
        padding: 0;
        vertical-align: middle;
        border: 1px solid rgba(0,0,0,.25);
        border: 0\9;
        background-color: #fff;
        -webkit-appearance: none;
    }

        .e-c-g .e-c:checked:before {
            display: block;
            width: 100%;
            height: 100%;
            content: '';
            -webkit-user-select: none;
            background-image: url('');
            background-size: 100% 100%;
        }

    .e-c-g .e-l {
        display: inline-block;
        font-size: 14px;
        color: #808080;
        vertical-align: middle;
    }

.exam-header .exam-Ph {
    width: 130px;
    height: 130px;
    display: inline-block;
    vertical-align: middle;
}

.exam-header .exam-Tx {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    line-height: 1.68;
}

.exam-Ph .exam-Ph-i {
    height: 90px;
    width: 90px;
    border-radius: 90px;
    border: 4px solid #f1f1f1;
    margin: 15px auto;
    display: block;
    box-shadow: 0 2px 1px #c2c0c1;
}

.exam-Tx .exam-Tx-i {
    font-family: '微软雅黑';
    font-size: 20px;
    color: #3f3f3f;
    margin-bottom: 6px;
    max-width: 660px;
    _width: expression(this.offsetWidth > 660 ? '660px': true);
    max-height: 3.1em;
    overflow: hidden;
}

.exam-Tx .exam-Tx-b {
    font-family: '宋体';
    font-size: 12px;
    color: #898989;
    height: 2em;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

    .exam-Tx .exam-Tx-b .Tx-i {
        width: 200px;
        float: left;
        margin-right: 20px;
    }

    .exam-Tx .exam-Tx-b .Tx-e {
        color: #cc1224;
    }

/*修改为Panel 形式*/
.e-q-panel .e-q-header {
    background: url(./img/Twill.png) repeat-x;
    background-position: left bottom;
    margin-top: 10px;
    border: 1px solid #dbdbdb;
    color: #099;
    font-size: 18px;
    background-color: #fff;
    vertical-align: middle;
    padding: 20px;
    padding-bottom: 30px;
    line-height: 1em;
    overflow: hidden;
    position: relative;
}

    .e-q-panel .e-q-header .e-text {
        display: block;
        float: left;
        max-height: 2em;
        overflow: hidden;
        padding-right: 1em;
    }

    .e-q-panel .e-q-header .e-close {
        display: block;
        width: 23px;
        height: 23px;
        background-image: url(./img/down-aks.png);
        background-repeat: no-repeat;
        background-position: center;
        float: right;
        vertical-align: middle;
        overflow: hidden;
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -10px;
        -webkit-transition: all .01s .1s;
        -o-transition: all .01s .1s;
        transition: all .01s .1s;
    }

.e-q-panel.close .e-close {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*.e-q-panel.close .e-q-body{display: none;}*/

.e-q {
    background-color: #fff;
    position: relative;
    border: 1px solid #dbdbdb;
    border-top: 0;
}
    /*修改为Panel 形式*/
    .e-q .e-q-wrong {
        width: 40px;
        min-height: 40px;
        background: url(./img/wrong.png) no-repeat;
    }

    .e-q .e-q-halfright {
        width: 40px;
        min-height: 40px;
        background: url(./img/halfright.png) no-repeat;
    }

    .e-q .e-q-right {
        width: 40px;
        min-height: 40px;
        background: url(./img/right.png) no-repeat;
    }
    /*增加没有做题的情况*/
    .e-q .e-q-pass {
        width: 40px;
        min-height: 40px;
        background: url(./img/pass.png) no-repeat;
    }
    /*增加没有做题的情况*/ .e-q .e-q-no {
        font-size: 14px;
        color: #099;
        font-style: italic;
        float: left;
    }

    .e-q .e-q-quest {
        color: #000;
        font-size: 16px;
        margin-left: 43px;
        padding-right: 20px;
    }

    .e-q .f-g {
        float: right;
        margin-left: 23px;
        width: 140px;
        height: 50px;
        background: #fff url(img/fraction.png) no-repeat right bottom;
        position: relative;
    }

        .e-q .f-g .f-input {
            color: red;
            font-weight: bold;
            font-size: 20px;
            text-align: center;
            font-family: 'Constantia', Georgia;
            width: 75px;
            border: 1px solid #ddd;
            border-radius: 4px;
            background: #fff;
            padding: 7px 10px;
            position: absolute;
        }

.e-score-s {
    font-weight: bold;
    font-family: 'Constantia', Georgia;
    color: #d6130f;
    display: block;
    padding-right: 48px;
    font-size: 33px;
    line-height: 1.6em;
    text-align: right;
    font-style: italic;
}

.e-q .e-q-l {
    float: left;
    min-height: 40px;
}

.e-q .e-q-r {
    padding: 20px 0;
    margin-left: 63px;
    min-height: 40px;
}

/*选择类型a*/
.e-choice .e-a-analysis .e-ans-l {
    float: left;
    color: #099;
    font-size: 14px;
}

.e-choice .e-a-analysis .e-ans-r {
    padding-left: 42px;
    font-size: 12px;
    color: #808080;
    line-height: 1.68;
}

.e-choice .e-a-ans .e-ans-ref,
.e-choice .e-a-ans .e-ans-mys { /*float: none; width: auto; display: inline-block;*/
    font-size: 14px;
    color: #999;
    padding-right: 58px;
    word-break: break-word;
    *display: inline;
    *zoom: 1;
}

.e-choice-a .e-a {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 30px;
}

.e-choice-a .e-a-c {
    height: 40px;
    line-height: 40px;
    background: url(img/input_radio_bg.png) no-repeat center center;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    margin-left: -40px;
    margin-right: 10px;
}

.e-choice-a .e-a.checked .e-a-c {
    background: url(img/input_radio_checked_bg.png) no-repeat 6px center;
}

/*判断题*/
.e-checking .e-a-analysis .e-ans-l {
    float: left;
    color: #099;
    font-size: 14px;
}

.e-checking .e-a-analysis .e-ans-r {
    padding-left: 42px;
    font-size: 12px;
    color: #808080;
    line-height: 1.68;
}

.e-checking .e-a-ans .e-ans-ref,
.e-checking .e-a-ans .e-ans-mys {
    float: none;
    width: auto;
    display: inline-block;
    font-size: 14px;
    color: #999;
    padding-right: 58px;
    word-break: break-word;
    *display: inline;
    *zoom: 1;
}

.e-checking-a .e-a {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.e-checking-a .e-a-c {
    height: 40px;
    line-height: 40px;
    background: url(img/input_radio_bg.png) no-repeat center center;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    margin-left: -40px;
    margin-right: 10px;
}

.e-checking-a .e-a.checked .e-a-c {
    background: url(img/input_radio_checked_bg.png) no-repeat 6px center;
}

/*填空题类型a*/
.e-blank .e-a-ans .e-ans-ref,
.e-blank .e-a-ans .e-ans-mys {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999;
    word-break: break-word;
    *display: inline;
    *zoom: 1;
}

    .e-blank .e-a-ans .e-ans-ref .e-ans-r {
        margin-left: 16px;
        vertical-align: middle;
        color: #64ad9e;
    }

    .e-blank .e-a-ans .e-ans-mys .e-ans-m {
        margin-left: 16px;
        vertical-align: middle;
        color: #f27700;
    }

.e-blank-a {
    margin-top: 16px;
}

    .e-blank-a .e-a {
        font-size: 14px;
        vertical-align: middle;
    }

        .e-blank-a .e-a .e-blank-e {
            float: left;
            line-height: 40px;
            margin-right: 20px;
        }

        .e-blank-a .e-a .e-blank-i {
            display: block;
            margin-left: 60px;
            padding: 5px 10px;
            min-height: 28px;
            margin-bottom: 10px;
        }

/*简答题类型a*/
.e-short-a {
    border: 1px solid #d6d5d5;
    margin-top: 35px;
    padding: 1em;
}

.e-a-ans {
    background-color: #f9f9f9;
    padding: 20px 30px;
    border-top: 1px #d8d8d8 dashed;
    border-bottom: 1px #d8d8d8 dashed;
}

.e-a-analysis {
    padding: 15px 24px;
    position: relative;
}

    .e-a-analysis:before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-bottom: 10px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        top: -10px;
        right: 50px;
    }

    .e-a-analysis .e-ans-l {
        float: left;
        color: #099;
        font-size: 14px;
    }

    .e-a-analysis .e-ans-r {
        padding-left: 42px;
        font-size: 12px;
        color: #808080;
        line-height: 1.68;
    }

.e-a-ans .e-ans-ref,
.e-a-ans .e-ans-mys {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999;
    word-break: break-word;
    *display: inline;
    *zoom: 1;
}

.e-a-ans .e-b-open {
    float: right;
    font-size: 14px;
    color: #009999;
}

.e-a-ans .e-ans-ref .e-ans-r {
    margin-left: 16px;
    vertical-align: middle;
    color: #64ad9e;
}

.e-a-ans .e-ans-mys .e-ans-m {
    margin-left: 16px;
    vertical-align: middle;
    color: #f27700;
}

.e-ans-r:before,
.e-ans-m:before {
    content: " ";
    display: inline-block;
}

.e-quest-p {
    background-color: #fff;
    width: 249px;
    border: 1px solid #d6d5d5;
    position: absolute;
    right: -268px;
    top: 54px;
}

    .e-quest-p .e-quest-header {
        color: #099;
        font-size: 14px;
        padding: 6px 10px;
        background-color: #f9f9f9;
        border-bottom: 1px solid #d6d5d5;
    }

    .e-quest-p .e-selects-g {
        padding: 10px;
    }

.e-selects-g .e-select-i {
    font-size: 14px;
    border-left: 2px solid #f06000;
    padding-left: 4px;
    margin-bottom: 10px;
    font-weight: bold;
}

.e-selects-g .e-i-desc {
    font-size: 12px;
    font-weight: normal;
}

.e-selects-g .e-select-g {
    margin-bottom: 8px;
}

.affix {
    position: fixed;
    top: 10px;
    right: 122px;
}

.e-quest-review .e-c-g .e-item,
.e-selects-g .e-select-g .e-item {
    display: inline-block;
    width: 19.6px;
    height: 19px;
    background-color: #eaeaea;
    text-align: center;
    line-height: 19px;
    margin-bottom: 5px;
    box-shadow: 0 1px 2px #d2d2d2;
    border-bottom: 1px solid #d2d2d2\9;
}

    .e-quest-review .e-c-g .e-item:hover,
    .e-quest-review .e-c-g .e-item.active,
    .e-selects-g .e-select-g .e-item:hover,
    .e-selects-g .e-select-g .e-item.active {
        background-color: #099;
        color: #fff;
    }

.e-quest-p .e-quest-review {
    padding: 6px 10px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #d6d5d5;
}

.e-save {
    padding: 10px;
}

    .e-save .e-save-b {
        background: url(./img/save-1.png) 64px no-repeat;
        color: #fff;
        font-size: 18px;
        display: block;
        background-color: #099;
        text-align: center;
        line-height: 40px;
        padding-left: 34px;
    }

.exam-Tx .exam-Tx-b .Tx-t {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/study/img/t-now.png);
    background-repeat: no-repeat;
    margin-right: 6px;
}

.e-file-upload {
    width: 141px;
    height: 41px;
    background: #099;
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-family: "Arial";
    line-height: 41px;
    top: -1px;
    margin-bottom: 1px;
}

    .e-file-upload input.file-upload {
        cursor: pointer;
        position: absolute;
        z-index: 1;
        display: block;
        opacity: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

/*统计样式*/

/* CSS3 */
.header .header-inner .nav li a,
.header .header-inner .user-info .search .submit span,
.header .header-inner .user .avatar .dropdown dd a,
.sidebar .menu li a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* GLOBAL Background */
.header .header-inner .user-info .search .submit span,
.header .header-inner .msg a,
.header .header-inner .msg a span,
.header .header-inner .avatar .avatar-radius,
.header .header-inner .icon-dropdown,
.header .header-inner .dropdown dt.icon {
    background: url(img/main.png) no-repeat -9999px -9999px;
}

/* header */
.header {
    height: 60px;
    background: #EEE;
    box-shadow: 0px 2px 5px rgba( 0, 0, 0, 0.12 );
}

    .header .header-inner {
        margin: 0px auto;
    }

        /* header => logo */
        .header .header-inner .logo_thumb {
            float: left;
            width: 150px;
            height: 60px;
        }

            .header .header-inner .logo_thumb a {
                display: block;
                width: 100%;
                height: 100%;
                background: url(/hep/css/img/logo.png) no-repeat;
                _background: url(/hep/css/img/logo_8.png) no-repeat;
            }

        /* header => nav */
        .header .header-inner .nav {
            float: left;
            display: inline;
            margin-left: 70px;
            _width: 500px;
            height: 60px;
            overflow: hidden;
        }

            .header .header-inner .nav li {
                float: left;
                display: inline;
                margin: 0px 5px;
            }

                .header .header-inner .nav li a {
                    display: inline-block;
                    zoom: 1;
                    padding: 0px 15px;
                    height: 60px;
                    color: #333;
                    font-size: 16px;
                    line-height: 60px;
                }

                    .header .header-inner .nav li a:hover,
                    .header .header-inner .nav li a.current {
                        background-color: #009999;
                        color: #FFF;
                    }

        /* header => user-info */
        .header .header-inner .user-info {
            float: right;
            *width: 375px;
        }

            /* header => user-info => search */
            .header .header-inner .user-info .search {
                float: left;
                width: 224px;
                height: 30px;
                margin-top: 15px;
                background-color: #6A6F79;
            }

                .header .header-inner .user-info .search .text {
                    float: left;
                    font-family: "Microsoft Yahei";
                    padding: 5px 10px;
                    color: #333;
                    background: none;
                    border: none;
                    width: 170px;
                    height: 20px;
                    outline: none;
                }

                    .header .header-inner .user-info .search .text:focus {
                        box-shadow: none;
                        border: 0 none;
                    }

                .header .header-inner .user-info .search .submit {
                    position: relative;
                    padding: 0px;
                    outline: none;
                    cursor: pointer;
                    float: right;
                    width: 30px;
                    height: 30px;
                    border: none;
                    background: none;
                }

                    .header .header-inner .user-info .search .submit span {
                        display: block;
                        width: 16px;
                        height: 16px;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin: -8px 0px 0px -8px;
                        background-position: -184px 0px;
                    }

                        .header .header-inner .user-info .search .submit span:hover {
                            opacity: 0.7;
                        }

        /* header => user-info => user */
        .header .header-inner .user {
            float: right;
            padding-left: 30px;
        }

        .header .header-inner .msg {
            position: relative;
            padding-top: 22px;
            padding-right: 30px;
            float: left;
        }

            .header .header-inner .msg a {
                position: relative;
                display: block;
                width: 24px;
                height: 17px;
                background: url(/hep/css/img/main.png) no-repeat -177px -26px;
            }

                .header .header-inner .msg a span {
                    text-align: center;
                    color: #FFF;
                    position: absolute;
                    right: -8px;
                    top: -8px;
                    width: 17px;
                    height: 17px;
                    display: block;
                    background-position: -183px -53px;
                }

        .header .header-inner .avatar {
            position: relative;
            top: 10px;
            *z-index: 99;
            float: left; /*margin-left: 30px; margin-top: 11px;*/
            width: 60px;
            height: 38px;
        }

            .header .header-inner .avatar .avatar-radius {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 38px;
                height: 38px;
                z-index: 10;
                background-position: -162px -80px;
            }

            .header .header-inner .avatar img {
                width: 38px;
                height: 38px;
            }

            .header .header-inner .avatar a {
                display: block;
                width: 100%;
                height: 100%;
            }

        .header .header-inner .icon-dropdown {
            cursor: pointer;
            position: absolute;
            top: 50%;
            margin-top: -3px;
            left: 45px;
            width: 9px;
            height: 6px;
            background-position: -191px -128px;
        }

        .header .header-inner .dropdown {
            position: absolute;
            z-index: 99;
            top: 55px;
            right: 0px;
            width: 128px;
            padding: 2px 0px;
            background-color: #FFF;
            border: 1px solid #CACACA;
            box-shadow: 0px 0px 5px rgba( 0, 0, 0, 0.2 );
        }

            .header .header-inner .dropdown dd {
                height: 32px;
                margin: 2px 2px;
                line-height: 32px;
            }

            .header .header-inner .dropdown dt {
                margin: 0px 2px;
                border-bottom: 1px solid #DDD;
                height: 0px;
                overflow: hidden;
            }

            .header .header-inner .dropdown dd a {
                background: none;
                display: block;
                width: 100%;
                text-indent: 25px;
                height: 100%;
                color: #666;
            }

                .header .header-inner .dropdown dd a:hover {
                    background-color: #E0F1ED;
                }

            .header .header-inner .dropdown dt.icon {
                position: absolute;
                top: -11px;
                left: 75px;
                width: 21px;
                height: 11px;
                border: 0 none;
                background-position: -179px -144px;
                font-size: 0;
            }

.tabLinks {
    border-bottom: 1px solid #e4e4e4;
}

    .tabLinks .tabLink-i {
        font-size: 14px;
        float: left;
    }

    .tabLinks .tabLink-a {
        display: block;
        padding: 0px 24px;
        margin: 20px 0px;
        border-right: 1px solid #e4e4e4;
    }

        .tabLinks .tabLink-i.current .tabLink-a,
        .tabLinks .tabLink-a:hover {
            color: #228da8;
        }

.navInnerTab {
    margin-top: 32px;
}

    .navInnerTab .tabLinks {
        border-bottom: 0px;
    }

        .navInnerTab .tabLinks .tabLink-i.current {
            border-bottom: 2px solid #009999;
            margin-bottom: -1px;
        }

/*搜索栏*/
.search-box {
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
    margin: 0 auto;
    overflow: hidden;
}

    .search-box .search-text {
        font-size: 24px;
        color: #0c667c;
        width: 300px;
        float: left;
        line-height: 40px;
        text-align: left;
    }

    .search-box .search-ib {
        float: left;
        margin-right: 15px;
    }

    .search-box .search-i {
        font-family: 'Microsoft Yahei',tahoma,arial;
        height: 40px;
        width: 310px;
        padding: 0px;
        padding-right: 68px;
        margin-right: -61px;
        border-radius: 3px;
        border: 1px solid #b9b9b9;
        font-size: 14px;
        line-height: normal;
        line-height: 40px\9;
        padding-left: .5em;
        vertical-align: middle;
        background-color: #fff;
        position: relative;
        z-index: 2;
    }

    .search-box .search-s {
        font-family: 'Microsoft Yahei',tahoma,arial;
        width: 118px;
        height: 40px;
        line-height: 40px\9;
        padding-left: 1em;
        border-radius: 3px;
        border: 0;
        border-left: 1px solid #f2f2f2;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        vertical-align: middle;
        padding-top: 18px;
        padding-bottom: 18px;
        *margin-top: 30px;
        *border: 0;
    }

    .search-box .search-b {
        cursor: pointer;
        height: 37px;
        outline: none;
        background-image: url(img/widgets_search_button.png);
        background-repeat: no-repeat;
        background-color: #fff;
        border: 0;
        color: #fff;
        vertical-align: middle;
        width: 54px;
        background-position: center;
        box-shadow: none;
        position: relative;
        z-index: 3;
    }

    .search-box .search-by {
        padding-top: 12px;
        overflow: hidden;
    }

    .search-box ul li {
        float: left;
        margin-left: -1px;
        overflow: hidden;
    }

    .search-box .sby {
        font-size: 16px;
        padding: 0 20px;
        border-left: 1px solid #818181;
        text-decoration: none;
        overflow: hidden;
        line-height: 1em;
        vertical-align: middle;
    }

        .search-box .sby:hover,
        .search-box .sby.active {
            color: #3094ad;
        }

/*表格样式*/
/*.tabContents{padding: 0px 10px 10px;}*/
.table-wp .table-left {
    float: left;
    width: 50%;
    border-right: 1px solid #b8b8b8;
}

.table-wp .table-right {
    width: 50%;
}

.table-wp {
}

    .table-wp table {
        font-size: 14px;
        width: 100%;
        border-bottom: 1px solid #b8b8b8;
        table-layout: fixed;
    }

    .table-wp thead {
        border-top: 1px solid #b8b8b8;
        border-bottom: 1px solid #b8b8b8;
    }

        .table-wp thead th {
            padding: 18px 10px;
            border-bottom: 1px solid #ddd;
        }

    .table-wp tbody {
    }

        .table-wp tbody td {
            padding: 14px 10px;
            word-wrap: break-word;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .table-wp .even {
        background-color: #f9f9f9;
    }

    .table-wp .table-left th:last-child,
    .table-wp .table-left td:last-child {
        border-right: 1px solid #ddd;
    }

.check-grades {
    float: right;
    background: #228da8;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
    width: 100px;
    text-align: center;
    margin-top: 6px;
}

.uassignment {
    font-size: 16px;
    float: right;
    margin-top: 10px;
}

.u-norm {
    float: right;
    font-size: 16px;
    margin-top: 11px;
}

.u-norm-1,
.u-norm-2 {
    margin-right: 32px;
    display: inline-block;
}

.u-norm-detail {
    color: #228da8;
    margin-right: 32px;
    text-decoration: underline;
}

.u-standards {
    display: none;
    position: absolute;
    top: 10px;
    background: #fff;
    left: 10px;
    right: 10px;
    border: 1px solid #bfbfbf;
    z-index: 9;
    font-size: 14px;
}

    .u-standards p {
        margin-bottom: 4px;
    }

.u-content {
    padding: 0px 30px 30px;
    clear: right;
}

.u-close {
    width: 16px;
    height: 16px;
    background: url(img/x.png) no-repeat center;
    float: right;
    margin: 4px;
}

    .u-close:hover {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg); /* IE 9 */
        -moz-transform: rotate(360deg); /* Firefox */
        -webkit-transform: rotate(360deg); /* Safari 和 Chrome */
        -o-transform: rotate(360deg);
    }

.u-content-toggle {
    padding: 10px 20px;
    border: 1px solid #ccc;
    margin: 20px;
}

.u-content-toggle-content {
    border-top: 1px solid #ccc;
    margin: 16px 0px 0px;
    padding: 16px 0px;
    display: none;
}

.P-weight {
    font-size: 14px;
}

.P-row {
    border-bottom: 1px solid #BFBFBF;
    padding: 9px 0px;
}

.P-row-2 {
    margin-left: 114px;
}

.P-cy,
.P-sc,
.P-hw,
.P-st,
.P-ex {
    margin: 14px 0px;
}

.P-weight .P-row label {
    display: inline-block;
    width: 114px;
    font-size: 16px;
}

.P-weight .P-row input[type="text"] {
    width: 54px;
    height: 24px;
    margin-right: 10px;
}

.P-weight .fs20 {
    font-size: 20px;
    margin-bottom: 15px;
}

.red {
    color: red;
}

.darkblue {
    color: #19488E;
}

.darkgreen {
    color: #187777;
}

.cyan {
    color: #228da8;
}

.gold {
    color: #ec9200;
}

.scarlet {
    color: #f84a4b;
}

.orange {
    color: #ff6600;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/*教材管理*/
.fieldset-list .form-group .context-box {
    border: 1px #000 solid;
    width: 600px;
    height: 450px;
}

.fieldset-list .form-group .w_button-list {
    margin-bottom: 5px;
}

.fieldset-list .e-submit {
    width: 141px;
    height: 41px;
    background: #099;
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.webuploader-container {
    position: absolute;
}

    .webuploader-container input[type="file"] {
        position: absolute;
        clip: rect(1px,1px,1px,1px);
    }

.webuploader-pick {
    width: 141px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

.progress {
    width: 600px;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top,#428bca 0,#3071a9 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);
}

.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

#book_container {
    margin-top: 20px;
    font-size: 16px;
}

    #book_container table {
        border: 1px solid #ccc;
    }

    #book_container thead th {
        border-bottom: 1px solid #ccc;
        padding: 12px 0px;
    }

    #book_container tbody td {
        border-bottom: 1px solid #ccc;
        vertical-align: middle;
        word-break: break-all;
    }

/*课程目录新增样式 WL 20170801*/
.title-top .display-form {
    background: url('/study/css/img/icon-editor.png') no-repeat;
    float: right;
    width: 24px;
    height: 24px;
    margin-left: 15px;
}

    .title-top .display-form.list {
        background-position: -530px 0;
    }

    .title-top .display-form.icon {
        background-position: -453px 0;
    }

        .title-top .display-form.icon.active {
            background-position: -488px 0;
        }

    .title-top .display-form.list.active {
        background-position: -570px 0;
    }

#footer {
    height: 35px;
    line-height: 35px;
    text-align: center;
    padding: 10px 0;
}